vue组件中，在style设置为scoped时候，对子组件是不生效的.这时可以使用 /deep/ 深度选择器。
一般使用场景有2个.
1.是嵌套了子组件的父组件<style>上,
2.是UI组件的节点样式修改上,如swiper组件的轮播分页原点样式上.
需要注意的是:/deep/ 效果对其下所有子组件的样式都生效,不需在里面嵌套使用.不然还会不生效.
/deep/ .swiper-pagination-bullet-active{
background:#fff;
.test{
/*这里也生效哦*/
}
}
--by Affandi ⊙▽⊙
深度作用选择器 1、>>> .a >>> .b {***} 2、/deep/ 或 ::v-deep ：style使...
deep为深度选择器，也可以使用>>>
scss文件中使用深度选择器/deep/报错 Expected selector[https://blog.csd...
记得sass中使用/deep/没问题，但是在scss中使用/deep/报错了。 找到vue官网关于深度选择器是这样...
在vue 2.x中，使用scss时，深度选择器是::v-deep， 在vue3.0中，由于::v-deep已被弃用...
vue组件中，在style设置为scoped时候，对子组件是不生效的.这时可以使用 /deep/ 深度选择器。一般...
一、深度作用选择器(>>>) 二、/deep/预处理器less下使用（与>>>作用相同） 然而最近谷歌浏览器对于/...
废话不多说：1.自己的样式覆盖elementui的样式不生效？解决办法：深度选择器 less：/deep/ ，cs...
之前在开发中遇到一个问题，vue项目结合element ui使用。 但是element ui的样式不一定符合我们的...
使用 scoped 后，父组件的样式将不会渗透到子组件中，如果失效的话： 使用深度作用选择器/deep/ /dee...
本文标题：/deep/ 深度选择器
本文链接：https://www.haomeiwen.com/subject/hthezctx.html
网友评论