浏览器如何判断css优先级

概念

浏览器是通过判断优先级,来决定到底哪些属性值是与元素最相关的,从而应用到该元素上。优先级是由选择器组成的匹配规则决定的。

如何计算?

优先级是根据由每种选择器类型构成的级联字串计算而成的. 它不是一个对应相应匹配表达式的权重值.

如果优先级相同,元素最终会应用 CSS 中靠后的声明.

注意: 在文档树中的距离是不会对元素优先级计算产生影响的.(可以看文档中无视DOM树中的距离的例子)

优先级顺序

下列是一份优先级逐级增加的选择器列表:

通用选择器*

元素(类型)选择器

类选择器

属性选择器

伪类

ID 选择器

内联样式

事实上,元素还可以从父元素上继承一些样式,如color等属性。这些继承的样式的优先级永远低于元素本身的样式,包括通用选择器:

代码如下:

一定要成为你工作最大的资产。

浏览器如何判断css优先级

相关文章:

你感兴趣的文章:

标签云: