vue修改element默认样式

在vue常用组件库element-ui中，遇到由于项目需求去修改部分组件的样式而无法修改的问题

比如当我们使用这个tabs标签页在项目中时，按照文档复制粘贴放入vue组件

各种配置好之后，发现下面多出来的底部边框需求上ui不需要，影响整体美观
于是我们检查该组件的类名，并尝试修改他的样式


找到原因，底部边框是因为::after的样式，将height取消之后发现tabs没有了边框

于是在style中修改样式（scss）

发现并没有起作用，于是经过查阅发现
在vue中修改组件样式时，只能获取修改到组件中最顶层的class类名并且修改
继续修改组件中子类的样式修改需要在顶层的class类名加上 /deep/
修改后:

页面效果:

注意：/deep/ 和 class类名 之间要空一格空格

谢谢，记得点赞