CSS 样式穿透的三种方式

1、 >>>

外层容器 >>> 组件 { } // stylus && less

2、/deep/

外层容器 /deep/ 组件 { } // less

3、::v-deep

外层容器 ::v-deep 组件 { } // scss

// 示例 1
.wrapper ::v-deep .van-pull-refresh__head {
  color: #fff;
}

// 示例 2
.wrapper {
  background-color: #387bff;
  ::v-deep .van-pull-refresh__head {
    color: #fff;
  }
}