css - 預編譯less下，解決深度選擇器失效問題,完成css樣式修改

#若深度選擇器有效。使用此可修改樣式

/deep/ .cube-btn{
     //...自定義css樣式   
}

#深度選擇器失效，則：

1.重新定義deep深度選擇器

@deep:~'>>>';

2.使用

  @{deep} .cube-btn{
     //...自定義css樣式   
  }

3.例子

 <cube-button class="button">wwwwwwww</cube-button>

本身效果：

 

---

 

重置樣式：

@deep:~'>>>';

@{deep} .cube-btn{
    background: red;
 }

重置樣式效果：