之前在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的参考文章