样式穿透(>>>和 /deep/以及 ::v-deep 三者之间的区别)

1.>>>

深度作用选择器的简写形式,如果想修改element-ui某个深层元素可以用深度作用选择器(因为element-ui进行了封装,正常使用类名样式不会发生改变,要想修改成规定的样式,就需要使用深度选择器),直接使用 >>> 穿透进行样式修改

  1. 只作用于css,不支持css预加载器(less/scss)
  2. 适用于Vue2.x版本,Vue3.x版本使用会报错

2./deep/

Vue2.x的深度作用选择器正确写法

  1. 仅适用于Vue2.x版本
  2. 支持css预加载器

3.::v-deep

Vue3.x的深度作用选择器正确写法

总结

Vue2.x版本使用优先级 /deep/ 或者 >>>
Vue3版本使用::v-deep

  • 6
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值