CSS(Cascading Style Sheets)是網(wǎng)頁中樣式設(shè)計的基本工具之一,而在CSS中,每一個樣式設(shè)置都有其優(yōu)先級次序。了解CSS優(yōu)先級的次序,有助于我們更好地掌握CSS并靈活地運用它設(shè)計出漂亮的網(wǎng)頁。
首先,CSS優(yōu)先級是由選擇器的特異度、!important聲明以及順序來決定的。
一、選擇器的特異度:
ID選擇器 數(shù)值為:0,1,0,0 Class選擇器等偽類選擇器 數(shù)值為:0,0,1,0 類型選擇器及屬性選擇器 數(shù)值為:0,0,0,1 全局選擇器 數(shù)值為:0,0,0,0
多個選擇器同時作用于同一個元素上時,選擇器的特異度就成了決定優(yōu)先級次序的重要因素。具體表現(xiàn)為,選擇器中每增加一次ID選擇器,特異度就增加100,每增加一次Class選擇器等偽類選擇器,特異度就增加10。而類型選擇器和屬性選擇器則新增1,全局選擇器則沒有增加特異度。
舉個例子,如果某個樣式既被ID選擇器作用,又被Class選擇器作用,那么它的特異度就是101,如果又被類型選擇器或?qū)傩赃x擇器作用,則它的特異度為102。
二、!important聲明:
在CSS樣式中,如果在屬性值最后加上!important,那么該樣式就被賦予了最高的優(yōu)先級。具體表現(xiàn)為,!important聲明的樣式比具有相同特異度的其他樣式更優(yōu)先。
三、順序:
如果兩個相同的選擇器都被應(yīng)用到了某一個元素上,那么樣式表中越靠后的樣式將會覆蓋之前的樣式,即后面的樣式表會覆蓋前面的樣式表。
綜上所述,CSS優(yōu)先級次序是選擇器的特異度 >!important聲明 >順序,掌握和運用好這些次序?qū)ξ覀兊腃SS樣式設(shè)計工作帶來很大幫助。