Xuanmo Blog

在写vue项目的时候，当<style>标签有scoped属性时，它的 CSS 只作用于当前组件中的元素，经常会遇见这种情况，之前遇见这种情况一直都是写成公用样式里面，这种做法还是有点low，最后见官网有一种做法没见到的，写法如下：
这种对于css语法起作用

<style scoped>
.a >>> .b { /* ... */ }
</style>

对于scss这类的预处理器需要用/deep/的写法

.btn-wrap{
  /* ... */

  /deep/ .el-button{
    /* ... */
  }
}

更多参考资料，官网链接>>