css權重(256進製)

2021-09-12 09:38:21 字數 346 閱讀 4269

我們把特殊性分為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 權重...