CSS选择器及其优先级

112 阅读1分钟
选择器优先级权重
id选择器100
类选择器10
属性选择器10
伪类选择器10
标签选择器1
伪元素选择器1
相邻兄弟选择器0
子选择器0
后代选择器0
通配符选择器0

注意:

  1. 写样式时,内联样式的优先级为1000;
  2. !important 声明的样式的优先级最高;
  3. 继承得到的样式的优先级最低;
  4. 样式表的来源不同时,优先级顺序为:

内联样式 > 内部样式 > 外部样式 > 浏览器用户自定义样式 > 浏览器默认样式。