style优先级

Posted shirleysblog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了style优先级相关的知识,希望对你有一定的参考价值。

不同级别

  1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
  2. 作为style属性写在元素内的样式
  3. id选择器
  4. 类选择器
  5. 标签选择器
  6. 通配符选择器
  7. 浏览器自定义或继承

      总结排序:!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

以上是关于style优先级的主要内容,如果未能解决你的问题,请参考以下文章

优先级

css基础面试题

JavaScript修改DOM节点时,样式优先级的问题

样式优先级

选择器优先级 与 4中引入样式方式

样式表的类别选择器和优先级