CSS(Cascading Style Sheets)是网页中样式设计的基本工具之一,而在CSS中,每一个样式设置都有其优先级次序。了解CSS优先级的次序,有助于我们更好地掌握CSS并灵活地运用它设计出漂亮的网页。
首先,CSS优先级是由选择器的特异度、!important声明以及顺序来决定的。
一、选择器的特异度:
ID选择器 数值为:0,1,0,0 Class选择器等伪类选择器 数值为:0,0,1,0 类型选择器及属性选择器 数值为:0,0,0,1 全局选择器 数值为:0,0,0,0
多个选择器同时作用于同一个元素上时,选择器的特异度就成了决定优先级次序的重要因素。具体表现为,选择器中每增加一次ID选择器,特异度就增加100,每增加一次Class选择器等伪类选择器,特异度就增加10。而类型选择器和属性选择器则新增1,全局选择器则没有增加特异度。
举个例子,如果某个样式既被ID选择器作用,又被Class选择器作用,那么它的特异度就是101,如果又被类型选择器或属性选择器作用,则它的特异度为102。
二、!important声明:
在CSS样式中,如果在属性值最后加上!important,那么该样式就被赋予了最高的优先级。具体表现为,!important声明的样式比具有相同特异度的其他样式更优先。
三、顺序:
如果两个相同的选择器都被应用到了某一个元素上,那么样式表中越靠后的样式将会覆盖之前的样式,即后面的样式表会覆盖前面的样式表。
综上所述,CSS优先级次序是选择器的特异度 >!important声明 >顺序,掌握和运用好这些次序将会对我们的CSS样式设计工作带来很大帮助。