css中的优先级

一 优先级 

！important 最优先   >  内联样式[行内样式]  >  id类    > 类、伪类 、属性选择器 > 伪类元素选择器、标签选择器

权重 ： 100%            >  + 1000                      > +100    > +10                                > +1

二 深度作用选择器

使用深度选择器 >>> (在sass/scss中写作/deep/), 可以深入子元素内部修改样式

三 局部样式

scoped [使用scoped后，父元素的样式不会渗透到子元素中]> 全局样式

参考文章：https://blog.csdn.net/weixin_44231395/article/details/105758779