记一笔vue中css深度作用选择器
分类: Vue 0 5
在写vue项目的时候,当<style>标签有scoped属性时,它的 CSS 只作用于当前组件中的元素,经常会遇见这种情况,之前遇见这种情况一直都是写成公用样式里面,这种做法还是有点low,最后见官网有一种做法没见到的,写法如下:
这种对于css语法起作用
<style scoped>
.a >>> .b { /* ... */ }
</style>
对于scss这类的预处理器需要用/deep/的写法
.btn-wrap{
/* ... */
/deep/ .el-button{
/* ... */
}
}
更多参考资料,官网链接>>
共 5 条评论关于 “记一笔vue中css深度作用选择器”