CSS樣式在網(wǎng)頁(yè)設(shè)計(jì)中起到了舉足輕重的作用。但是,當(dāng)一個(gè)元素有多個(gè)應(yīng)用的樣式時(shí),怎么確定哪個(gè)樣式優(yōu)先呢?
事實(shí)上,CSS有一個(gè)特定的優(yōu)先級(jí)規(guī)則:
樣式選擇器 優(yōu)先級(jí) !important 最高優(yōu)先級(jí) 內(nèi)聯(lián)樣式(style) 大于 id 選擇器 id 選擇器 大于類選擇器和屬性選擇器 類選擇器和屬性選擇器 大于標(biāo)簽選擇器 標(biāo)簽選擇器 優(yōu)先級(jí)最低
對(duì)于同一種選擇器,后面的樣式優(yōu)先級(jí)要高于前面的樣式。如果一個(gè)元素有多個(gè)類選擇器,優(yōu)先級(jí)就是類選擇器中最優(yōu)先的一個(gè)。
還有一些注意事項(xiàng),當(dāng)選擇器都一樣的時(shí)候,樣式會(huì)根據(jù)順序來(lái)優(yōu)先顯示。而當(dāng)樣式表的位置不同,其優(yōu)先級(jí)也會(huì)不同。如果將樣式表放在<head>標(biāo)簽中,那么樣式會(huì)比放在<body>標(biāo)簽中的要先被解析。
總的來(lái)說(shuō),當(dāng)需要設(shè)置樣式時(shí),應(yīng)該遵循CSS樣式優(yōu)先級(jí)規(guī)則。同時(shí),也要注意不要過(guò)分依賴!important標(biāo)簽,不然就會(huì)影響代碼的可讀性和可維護(hù)性,給后續(xù)的網(wǎng)頁(yè)工作帶來(lái)困難。