记一笔vue中css深度作用选择器

Xuanmo 发表于:2018-05-29 12:26:22 分类:Vue  440  3

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


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

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


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

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

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

  • 13人 Love
  • 4人 Haha
  • 1人 Wow
  • 1人 Sad
  • 0人 Angry
Vue

作者简介:Xuanmo

打赏

生命的意义在于折腾。

共 3 条评论关于 “记一笔vue中css深度作用选择器”