CSS的特异性是什么意思

如果有两条或两条以上指向同一元素的冲突 CSS 规则,则浏览器将遵循一些原则来确定哪一条是最具体的,并因

此胜出。

将特异性(specificity)视为得分/等级,能够确定最终将哪些样式声明应用于元素。

每个选择器在特异性层次结构中都有其位置。以下四种类别定义了选择器的特异性级别:

1、行内样式 – 行内(内联)样式直接附加到要设置样式的元素。

2、ID – ID 是页面元素的唯一标识符,例如 #navbar。

3、类、属性和伪类 – 此类别包括 .classes、[attributes] 和伪类,例如::hover、:focus 等。

4、元素和伪元素 – 此类别包括元素名称和伪元素,比如 h1、div、:before 和 :after。

发表评论

后才能评论