项目中用到了 elementui
,如果使用预处理器 scss, sass,less
, 修改样式可能修改不掉, 去掉scoped
话又会影响全局样式,当然我们知道可以使用 样式穿透的方式操作。要么就是把scoped去掉直接用局部样式,加上
!important(最高优先级)
1、>>>
如果想修改element-ui某个深层元素可以用深度作用选择器,直接使用 >>>
穿透修改
2、/deep/
项目中用到了预处理器 scss 、sass、less 操作符 >>>
可能会因为无法编译而报错 。可以使用 /deep/
注意:vue-cli3以上版本不可以
3、::v-deep
如果使用了预处理器都可以使用 ::v-deep