vue之scoped穿透

vue之scoped穿透

问题：在页面中，需要了第三方插件的样式，又不想取消scoped，防止造成样式污染

方法：>>>

代码：

#tab >>> .ivu-table-stripe-odd td{
    background-color: #ecf3fd!important;
    border-bottom: 0;
  }

tab 为需要穿透的组件id

注意：

在sass等解析器中>>>可能不会被识别，需要使用/deep/代替（/deep/ 为 >>> 的别名）

代码：

#tab /deep/ .ivu-table-stripe-odd td{
    background-color: #ecf3fd!important;
    border-bottom: 0;
  }

 

 

 

 

钻研不易，转载请注明出处~~~~~~