码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-06-08 18:55:58      阅读:298      评论:0      收藏:0      [点我收藏+]

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

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

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

重置样式效果:

技术图片

 

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!