优先级
!important:∞
行内样式: 1,0,0,0
id选择器:0,1,0,0
类选择器或伪类选择器或属性选择器:0,0,1,0
标签选择器或伪元素选择器:0,0,0,1
通配符选择器或继承:0,0,0,0
ATTENTION
- 值从左到右,一级大于一级,数位之间没有进制,级别之间不可超越。
- 如果样式冲突时优先级相同,则最后出现的样式生效。
- 继承的权重是0,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0。
- 如果是复合选择器,则有权重叠加的问题,需要计算权重。
方法:
通过ABCD(行内 id class 标签)的方式计算。
- 样式表的来源不同时,优先级顺序为:内联样式>内部样式>外部样式>浏览器用户自定义样式>浏览器默认样式。