vue scss scoped 穿透符>>> 无效,另一种写法
vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>,穿透scoped。但有些Sass 之类的预处理器无法正确解析>>>,(此时)可以使用/deep/操作符(>>>的别名)<style scoped>(方法一:)(有些情况可能会无...
·
vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>,穿透scoped。
但有些Sass 之类的预处理器无法正确解析 >>>,(此时) 可以使用 /deep/ 操作符( >>> 的别名)
<style scoped>
(方法一:)(有些情况可能会无效,比如我现在,哈哈哈)
外层 >>> 第三方组件 {
样式
}
(方法二:)
/deep/ 第三方组件 {
样式
}
</style>
ps:
1、/deep/与class名之间有无空格都可。
2、也可写成: .audit /deep/ .el-radio-button_inner{ color:red } ——前面加class + /deep/ + 三方clss名 (格式)
更多推荐
已为社区贡献2条内容
所有评论(0)