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/ 报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了ES6新特性之解构、参数、模块和记号用法,结合实例形式分析了解构、参数、模块和记号的功能、用法及相关使用注意事项,需要的朋友可以参考下2017-04-04
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
js 防止刷新网页、禁止后退,右键等操作的代码2010-03-03
今天小编就为大家分享一篇关于layui表单中按钮自动提交的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
这篇文章主要介绍了javascript间隔调用和延时调用示例,介绍setInterval方法和clearInterval方法的使用方法，大家参考使用吧2014-01-01
cropper.js和exif.js实现头像上传缩放裁剪旋转
这篇文章主要为大家详细介绍了cropper.js和exif.js实现头像上传缩放裁剪旋转，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
这篇文章主要为大家详细介绍了JavaScript中实现多层深拷贝的几个简单方法,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下2025-07-07
IE浏览器打印的页眉页脚设置解决方法2009-12-12
JavaScript创建对象的方法有很多种，本文给大家介绍javascript创建对象的八种方法，对javascript创建对象感兴趣的朋友可以参考下本篇文章2015-11-11
这篇文章主要介绍了JavaScript优雅处理数组的几个实用方法,包括数组去重、扁平化、分组、查找、排序等,并提供了React和Vue3中的数组处理技巧,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-12-12
这篇文章给大家介绍了js实现百度搜索功能，代码分为html部分和css折叠样式部分，具体实现代码大家参考下本文2018-02-02
最新评论