vue2中使用深度修改样式deep

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

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

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


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

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

你可能感兴趣的:(vue2中使用深度修改样式deep)