解决 element UI 修改el-tabs原本样式无法覆盖的问题

最近修改项目中el-tabs这个标签tabs的字号、整体tabs宽度，但是改了老半天都无法覆盖原来的字号和tab列的宽度，我的tab列在左边，我希望修改左侧tab列的宽度，我在控制台中修改都生效，搬到项目中都不生效了，我加>>>和 !important 也不生效，最终百度看到一篇文章，让把scoped删掉，修改的字体和宽度就都能生效了，我试了，果然可以，我也不明白这是什么原理，但是确实管用，就写下来记录一下~供个人学习记录

 

 scoped去掉就生效了！！如果有大佬懂为啥，希望给我讲解一下，还有去掉会不会对别的页面产生影响呢

———————————————————————————————————————————

搜索了scoped的原理以及样式穿透，看了这位大佬的文章http://t.csdn.cn/oJ4ql

也解决了我的问题，其他的样式不变，另写一个<style></style>修改样式穿透都无法解决的组件样式部分，还可以不用影响别的标签样式，算是较为科学的一种方法了~