概念
瀏覽器是通過判斷優(yōu)先級(jí),來決定到底哪些屬性值是與元素最相關(guān)的,從而應(yīng)用到該元素上。優(yōu)先級(jí)是由選擇器組成的匹配規(guī)則決定的。
如何計(jì)算?
優(yōu)先級(jí)是根據(jù)由每種選擇器類型構(gòu)成的級(jí)聯(lián)字串計(jì)算而成的. 它不是一個(gè)對(duì)應(yīng)相應(yīng)匹配表達(dá)式的權(quán)重值.
如果優(yōu)先級(jí)相同,元素最終會(huì)應(yīng)用 CSS 中靠后的聲明.
注意: 在文檔樹中的距離是不會(huì)對(duì)元素優(yōu)先級(jí)計(jì)算產(chǎn)生影響的.(可以看文檔中無視DOM樹中的距離的例子)
優(yōu)先級(jí)順序
下列是一份優(yōu)先級(jí)逐級(jí)增加的選擇器列表:
通用選擇器*
元素(類型)選擇器
類選擇器
屬性選擇器
偽類
ID 選擇器
內(nèi)聯(lián)樣式
事實(shí)上,元素還可以從父元素上繼承一些樣式,如color等屬性。這些繼承的樣式的優(yōu)先級(jí)永遠(yuǎn)低于元素本身的樣式,包括通用選擇器:
新聞熱點(diǎn)
疑難解答
圖片精選