vue样式穿透

vue，stylus样式穿透

stylus的样式穿透 使用 >>>

外层 >>> 第三方组件 

.wrapper >>> .swiper-pagination-bullet-active
  background: #fff

sass和less的样式穿透 使用/deep/

外层 /deep/ 第三方组件 {
  样式
}

.wrapper /deep/ .swiper-pagination-bullet-active{
  background: #fff;
}

vue开发中控制台警告：
/deep/ combinator is no longer supported in CSS dynamic profile.

所以我们也可以在less下另类调用>>>，如下：

// 用less的转义和变量插值
<style scoped lang="less">
@deep: ~'>>>';
.parent {
  @{deep} .child {
    width: 100%;
  }
}
</style>