vue组件中,在style设置为scoped时候,对子组件是不生效的.这时可以使用 /deep/ 深度选择器。
一般使用场景有2个.
1.是嵌套了子组件的父组件<style>上,
2.是UI组件的节点样式修改上,如swiper组件的轮播分页原点样式上.
需要注意的是:/deep/ 效果对其下所有子组件的样式都生效,不需在里面嵌套使用.不然还会不生效.
/deep/ .swiper-pagination-bullet-active{
background:#fff;
.test{
/*这里也生效哦*/
}
}
--by Affandi ⊙▽⊙
网友评论