sass 中使用 /deep/ 修改 elementUI 组件样式报错的解决方案
更新时间：2024年02月19日 10:00:47 作者：程序员iteng
这篇文章主要介绍了sass 中使用 /deep/ 修改 elementUI 组件样式报错的解决方案,尝试用 ::v-deep 替换 /deep/ ,成功解决了问题,感兴趣的朋友跟随小编一起看看吧
element plus 想要覆盖组件的样式，想到了/deep/样式穿透，但样式一直不生效，代码如下：
<style scoped lang="sass">
.main_wrapper{
padding: 0 53px
position: relative
top: -20px
}
>>> .el-tabs__item{
height: 30px
line-height: 30px
color: #fff!important
}
</style>上边的写法不会报错，但是也不会生效。改用下面的方式：
<style scoped lang="sass">
.main_wrapper{
padding: 0 53px
position: relative
top: -20px
}
/deep/ .el-tabs__item{
height: 30px
line-height: 30px
color: #fff!important
}这样就报错了，SassError: expected selector
解决方法：
尝试用 ::v-deep 替换 /deep/ ，成功解决了问题。
<style scoped lang="sass">
.main_wrapper{
padding: 0 53px
position: relative
top: -20px
}
::v-deep(.el-tabs__item){
height: 30px
line-height: 30px
color: #fff!important
}到此这篇关于sass 中使用 /deep/ 修改 elementUI 组件样式报错的文章就介绍到这了,更多相关sass 使用 /deep/ 报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了纯JS实现根据CSS的class选择DOM,需要的朋友可以参考下2014-03-03
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
本例为大家分享的是fixedBox固定div漂浮代码支持ie6以上大部分浏览器，需要的朋友可以参考下2014-06-06
本文给大家简单分享了一下个人项目中解决无刷新上传文件的方法和示例，有需要的小伙伴可以参考下。2015-06-06
本篇文章主要介绍了canvas简单快速实现知乎登录页背景效果的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
什么都不想说，一段代码两张图，解释一切。注：在此之前请阅读前面的系列博文2010-10-10
这篇文章主要介绍了js计算任意值之间随机数的方法,分析了Math.random函数的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了JS获取数组中出现次数最多及第二多元素的方法,涉及javascript针对数组的遍历、排序、判断、查询等相关操作技巧,需要的朋友可以参考下2017-10-10
在JavaScript中，有5种基本数据类型和1种复杂数据类型，基本数据类型有：Undefined, Null, Boolean, Number和String；复杂数据类型是Object，Object中还细分了很多具体的类型，比如：Array, Function, Date等等2015-08-08
JS中国标准时间转化为年月日时分秒'yyyy-MM-dd hh:mm:ss'的示例详解
这篇文章主要介绍了JS中国标准时间转化为年月日时分秒‘yyyy-MM-dd hh:mm:ss‘的相关知识,通过示例代码介绍了,Js各种时间转换问题（YYYY-MM-DD 时间戳 中国标准时间）,需要的朋友可以参考下2024-02-02
JavaScript遍历数组的三种方法map、forEach与filter实例详解
这篇文章主要介绍了JavaScript遍历数组的三种方法map、forEach与filter,结合实例形式详细分析了javascript针对数组遍历的map、forEach与filter三种方法相关操作技巧与注意事项,需要的朋友可以参考下2019-02-02
最新评论