(自用面试题)CSS选择器优先级是什么?

115 阅读1分钟

优先级

!important:∞
行内样式: 1,0,0,0
id选择器:0,1,0,0
类选择器或伪类选择器或属性选择器:0,0,1,0
标签选择器或伪元素选择器:0,0,0,1
通配符选择器或继承:0,0,0,0

ATTENTION

  1. 值从左到右,一级大于一级,数位之间没有进制,级别之间不可超越。
  2. 如果样式冲突时优先级相同,则最后出现的样式生效。
  3. 继承的权重是0,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0。
  4. 如果是复合选择器,则有权重叠加的问题,需要计算权重。

方法:
通过ABCD(行内 id class 标签)的方式计算。

  1. 样式表的来源不同时,优先级顺序为:内联样式>内部样式>外部样式>浏览器用户自定义样式>浏览器默认样式。