lang=“scss“css 穿透后失效问题

使用vant 2版本时候van-tab组件想修改默认样式, '标签1’加粗
在这里插入图片描述

1. 要在组件外边包裹一个标签, 设置class名字box
2. 方法一 :使用>>>无效

<style lang="scss" rel="stylesheet/scss" scoped>
//方法一 :使用>>>无效
//.all_Box >>> .van-tab__text {
  //font-weight: bold !important;
//}
<style>

3. 方法二:使用 /deep/ 不能解析
<style lang="scss" rel="stylesheet/scss" scoped>

//使用 /deep/ 不能解析
//.all_Box /deep/ .van-tab__text {
  //font-weight: bold !important;
//}

<style>
3. 方法二:使用::v-deep 可以,设置成功
<style lang="scss" rel="stylesheet/scss" scoped>

//使用 ::v-deep
.all_Box ::v-deep  .van-tab__text {
  font-weight: bold !important;
}

<style>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大白菜1号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值