css层叠

css层叠

  1,找到应用给每个元素和属性的所有声明。

  2,按照顺序和权重排序。浏览器依次检查5个来源,并设定匹配属性。如果匹配属性在下一个来源也有定义,则更新该属性值,如此循环,直到检查完所有标签受影响属性的全部5个来源位置。按最终属性值来渲染页面。

  3,按照特指度。选择元素的方式决定特指度的权重。选择器具有0~1000的特指度。出现冲突时特殊性高的胜出。(id:100、class:10、element:1)

  4,顺序决定权重。当两条规则特指度一样时,位置在文档靠后的胜出。

注意:使用import修饰的样式总是优先于没有修饰的。比如使用ElementUI的时候,可以使用!import 来修改UI组件的默认样式。

  import修饰的属性>行内>内联>外联>用户样式表>浏览器默认样式

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wspwsp.html