修改element ui组件库样式修改不了使用::v-deep深度选择器

1.什么是::v-deep？

scoped 属性是HTML5中的新属性，<style>标签在加上了scoped属性时，样式实现组件私有化，父组件的样式不会渗透到子组件，不会造成局部或全局的污染。这个时候如果你想让样式中的一个选择器作用得更深（渗透到子组件），可以使用深度选择器::v-deep。

2、修改ui组件样式改不了---比如修改tabs标签页下划线（灰线）

在<style>中加了scoped属性后，子组件的内部元素不会自动增加 data-v-xxxx属性，我们直接修改element按钮里的文字样式时，这样写并不能生效，除非去掉scoped，但是我们又不能去掉，这时候就可以使用::v-deep

  ::v-deep .el-tabs__nav-wrap::after {
    position: static !important;
  }

3、原图

4、修改后图