CSS中的權(quán)重是指樣式在應(yīng)用到元素時的優(yōu)先級。當(dāng)不同的樣式應(yīng)用到同一個元素上時,CSS會依據(jù)權(quán)重來決定哪個樣式會優(yōu)先生效。理解CSS的權(quán)重很重要,因為它會影響到最終的樣式表現(xiàn)。
下面是CSS權(quán)重的計算方式:
內(nèi)聯(lián)樣式 – 1000 ID選擇器 – 100 類、屬性和偽類選擇器 – 10 元素和偽元素選擇器 – 1
這意味著,一個內(nèi)聯(lián)樣式表里的樣式優(yōu)先級要高于一個外部樣式表里的樣式。
如果有多個選擇器應(yīng)用到一個元素上,樣式會從高權(quán)重的選擇器開始應(yīng)用。如果兩個選擇器權(quán)重值相同,后一個選擇器會覆蓋前一個選擇器的樣式。
下面是一個權(quán)重計算的實例:
p { color: red } #content p { color: blue }
這里,第一個選擇器是一個元素選擇器,權(quán)重值是1。第二個選擇器是一個ID選擇器和元素選擇器組合的結(jié)果,權(quán)重值是101。因為第二個選擇器的權(quán)重值更高,所有的p元素都會應(yīng)用#content p選擇器的樣式。
在寫樣式時,要遵循一個簡單的準(zhǔn)則:盡量保持選擇器的簡短。這可以通過使用類、ID選擇器等高權(quán)重的選擇器來增強樣式的優(yōu)先級,同時也可以減少樣式?jīng)_突的可能性。