今天在写项目的时候需要去修改一个引入的组件的样式,因为使用的是stylus,所以就可以用>>>进行穿透,但是一开始的时候失败了,后来才发现问题在于两点。
一是不可以使用层叠,也就是
不可以使用
.class >>> .class {
.class{}
}
只可以使用一级也就是
.swiper >>> .vux-icon-dot {
opacity: 0.99 !important;
background: #333333 !important;
}
.swiper >>> .vux-icon-dot.active {
background-color: $subColor !important;
}
二是因为优先级计算的原因
所以我们还是需要考虑使用!important来解决问题