深度选择器的三种使用方式

74 篇文章 3 订阅

vue中,当< style>标签有scoped属性是,它的css制作用与当前组件的元素.
也就是在我们日常开发中,父组件不能直接作用于子组件,这时候有两个方法:
一是把scoped去掉,但是这样的话不仅是自己会影响别的元素,别的元素也会影响自身,所以这个方法一般不会使用.
二是在样式前面添加/deep/::v-deep,还有个>>>,箭头方法会有兼容问题,像Sass之类的预处理器无法正确解析
应用场景一:父组件影响子组件
应用场景二:在页面中印象引入的样式

/deep/

  /deep/.van-uploader__upload {
      width: 90 * 100vw/360;
      height: 90 * 100vw/360;
    }

::v-deep

::v-deep.van-uploader__upload {
      width: 90 * 100vw/360;
      height: 90 * 100vw/360;
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值