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;
 }

重置样式效果：