vue - 解决深度选择器失效问题,完成css样式修改

2021-02-08 22:16

阅读:449

标签:div   选择   图片   com   定义   mamicode   vue   red   load   

#若深度选择器有效。使用此可修改样式

/deep/ .cube-btn{
     //...自定义css样式   
}

#深度选择器失效,则:

1.重新定义deep深度选择器

@deep:~‘>>>‘;

2.使用

  @{deep} .cube-btn{
     //...自定义css样式   
  }

3.例子

 cube-button class="button">wwwwwwwwcube-button>

本身效果:

技术图片

 


 

重置样式:

@deep:~‘>>>‘;

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

重置样式效果:

技术图片

 

vue - 解决深度选择器失效问题,完成css样式修改

标签:div   选择   图片   com   定义   mamicode   vue   red   load   

原文地址:https://www.cnblogs.com/lingXie/p/13067360.html


评论


亲,登录后才可以留言!