之前在vue3中的scss里使用deep剪芍,直接 deep(.classname)就可以了
//vue3中的使用方式
.detail-chk-group {
&:deep(.van-cell-group) {
margin-bottom: pxToRem2(20);
}
}
可是在vue2中敢朱,這樣使用根本沒識別唉窃,經(jīng)過測試發(fā)現(xiàn)葵姥,最終使用方法如下:
<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的參考文章