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/ 报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了阿里巴巴技术文章，分享的是一篇关于Javascript实现继承机制的文章，感兴趣的小伙伴们可以参考一下2016-01-01
date格式化想必大家并不陌生吧，本文就来看看javascript中是如何实现的，感兴趣的朋友可以参考下2013-09-09
下面小编就为大家带来一篇浅谈js中字符和数组一些基本算法题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要介绍了javascript中的闭包概念与用法,结合具体实例形式分析了javascript闭包的概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下2019-07-07
这是一个非常有趣的题目。我们先从Object.prototype.toString入手，看能否解决它。2010-02-02
JavaScript累加、迭代、穷举、递归等常用算法实例小结
这篇文章主要介绍了JavaScript累加、迭代、穷举、递归等常用算法,结合实例形式分析了javascript累加、迭代、递推、穷举等算法的相关实现技巧与注意事项,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了jszip插件实现图片打包下载的方法,结合实例形式分析了JavaScript使用jszip插件依据图片列表打包下载zip压缩文件的相关操作技巧,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了如何使用js实现浏览历史记录,需要的朋友可以参考下2014-04-04
本篇文章主要介绍了JS操作xml对象转换为Json对象示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
今天小编就为大家分享一篇关于js中的reduce()函数讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
最新评论