vue2中使用深度修改样式deep

之前在vue3中的scss里使用deep,直接 deep(.classname)就可以了

//vue3中的使用方式
.detail-chk-group {
     &:deep(.van-cell-group) {
          margin-bottom: pxToRem2(20);
     }
}

可是在vue2中,这样使用根本没识别,经过测试发现,最终使用方法如下:

<style scoped>
    /* vue2中的deep的使用 */
    .j_chin_step_refuse >>> .el-step__title.is-process {
      color: #BDBDBD!important;
    }
</style>

注意:
1,不能使用less/scss等,只能使用原生css方式
2,最好写在scoped中,只在本页面生效

参考地址:vue2里面使用deep的参考文章

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容