vue3中使用element plus，想要覆盖组件的样式，想到了/deep/样式穿透，样式一直不生效，代码如下：
.main_wrapper
padding: 0 53px
position: relative
top: -20px
>>> .el-tabs__item
height: 30px
line-height: 30px
color: #fff!important
【sass 中使用/deep/报错(已解决！！！)】上边的写法不会报错，但是也不会生效。改用下面的方式：
.main_wrapper
padding: 0 53px
position: relative
top: -20px
/deep/ .el-tabs__item
height: 30px
line-height: 30px
color: #fff!important
好码，这样就报错了，如下：
SassError: expected selector
看来sass不支持这个选择器。
解决方法：
尝试用 ::v-deep 替换 /deep/ ，成功解决了问题。
.main_wrapper
padding: 0 53px
position: relative
top: -20px
::v-deep .el-tabs__item
height: 30px
line-height: 30px
color: #fff!important
拿走，不谢。
推荐阅读
- Flexbox和Sass Grid教程（如何简化响应式设计）
- Sass 使用
- vue.js|vue + element-UI 实现深色模式和主题色动态切换
- SASS如何使用父选择器（代码示例）
- SASS如何使用@if和@else（代码示例）
- SASS如何使用@mixin和@include（代码示例）