vue样式穿透问题

今天在写项目的时候需要去修改一个引入的组件的样式，因为使用的是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来解决问题