vue穿透样式

① >>>( 如果是css可以,scss等预处理器无法解析)

.a >>> .b {
      /* ... */
}

 

② /deep/ (版本不能太新否则报错):

解决方法:npm uninstall sass-loader npm install sass-loader@7.0.0 npm install node-sass

.a{
      /deep/ .b {
            //内容
      }
}

 

③::v-deep (不能使用嵌套)

::v-deep .a{
     //内容
}

posted @ 2022-02-17 12:51  如意酱  阅读(71)  评论(0编辑  收藏  举报