美文网首页
/deep/ 深度选择器

/deep/ 深度选择器

作者: 浪浪山小妖_ | 来源:发表于2020-01-21 11:44 被阅读0次

vue组件中,在style设置为scoped时候,对子组件是不生效的.这时可以使用 /deep/ 深度选择器。
一般使用场景有2个.
1.是嵌套了子组件的父组件<style>上,
2.是UI组件的节点样式修改上,如swiper组件的轮播分页原点样式上.
需要注意的是:/deep/ 效果对其下所有子组件的样式都生效,不需在里面嵌套使用.不然还会不生效.

 /deep/ .swiper-pagination-bullet-active{
  background:#fff;
  .test{
      /*这里也生效哦*/
  }
}

--by Affandi ⊙▽⊙

相关文章

网友评论

      本文标题:/deep/ 深度选择器

      本文链接:https://www.haomeiwen.com/subject/hthezctx.html