我們把特殊性分為4個等級,每乙個等級代表一類選擇器,沒個等級的值相加得出選擇器的權重。
4個等級的定義如下:
第一等級:代表內聯樣式,如style="",權值為 1000
第二等級:代表id選擇器,如#content,權值為100
第三等級:代表類,偽類和屬性選擇器,如.content,權值為10
第四等級:代表標籤選擇器和偽元素選擇器,如div p,權值為1
注意:通用選擇器(*),子選擇器(>),和相鄰同胞選擇器(+)並不在這個等級中,所以他們的權值為0
當權重相等,後來居上~
256進製!所以11個標籤是抵不過乙個類或者屬性的
CSS權重的進製問題
這是複習篇的第乙個知識點,css權重進製在ie6為256,後來擴大到了65536。而現代瀏覽器則採用更大的數量 在說這個知識點之前我們先來看乙個例子 顏色 這個大家猜一下是什麼顏色,可能有的老鐵會覺得藍色啊,後代選擇符的權重不是各個選擇符的和嗎,class選擇符權重為0010,而型別選擇符權重為00...
CSS 權重問題
行內樣式包含在你的 html 標籤中 對你的元素產生直接作用,權重最大,但是不能宣告偽類樣式 test id 一般用來作為元素的唯一標識,權重第二 屬性選擇器 針對標籤中的屬性的選擇器 這個形容有點書面,具體自己理解 設定 input 標籤中 title 為 test 的標籤字型顏色 input t...
css權重比較
1 important,加在樣式屬性值後,權重值為 10000 2 內聯樣式,如 style 權重值為1000 3 id選擇器,如 content,權重值為100 4 類,偽類和屬性選擇器,如 content hover 權重值為10 5 標籤選擇器和偽元素選擇器,如 div p before 權重...