优先级是CSS决定不同选择器在发生冲突时优选哪一个的一个规则。这个规则非常简单:如果两个选择器都应用到同一个元素,那么选择器声明的优先级等于声明的有效值相加。
选择器优先级的计算方法如下: · 如果某个选择器包含 ID 属性,则该选择器的优先级为 100。 · 如果某个选择器包含类别,属性或伪类,则该选择器的优先级为 10。 · 如果某个选择器包含元素或者伪元素选择器,则该选择器的优先级为 1。 · 其他选择器的优先级为 0。
当两个或多个选择器的优先级值相等时,就会根据后出现的那个选择器来应用样式。例如,如果你有两个相同优先级的样式,但一个在样式表的前面而另一个在其后面,后面的那个样式将覆盖前面的。
需要注意的是,如果你在HTML内嵌样式或直接在HTML文档中设置样式时,它们的优先级会非常高,比任何外部样式表的规则优先级都高。
在写CSS样式表时,最高优先级的选择器应该是ID选择器,其次是类别,属性或伪元素选择器,而元素选择器的优先级最低。
总的来说,了解CSS选择器优先级对编写高质量的样式表非常重要。只有当你详细了解之后,才能更好地理解为什么某个样式会被应用到元素上,以及如何为特定的选择器设置优先级。