CSS權重的進製問題

2022-01-14 08:51:39 字數 498 閱讀 8080

這是複習篇的第乙個知識點,(css權重進製在ie6為256,後來擴大到了65536。而現代瀏覽器則採用更大的數量)在說這個知識點之前我們先來看乙個例子

顏色                                            

這個大家猜一下是什麼顏色,可能有的老鐵會覺得藍色啊,後代選擇符的權重不是各個選擇符的和嗎,class選擇符權重為0010,而型別選擇符權重為0001,12層加起來肯定比0010大,

但是實際上,字型為紅色,

這裡有乙個很關鍵的問題,就是權重的進製是並不是十進位制,按照現代瀏覽器來說,你要寫巢狀幾萬層div字型才會變成藍色,這非常臃腫了,巢狀幾萬層,實際工作中也沒有哪個鐵頭娃會這木做吧?要是有,那他可真是個魔鬼。

css權重(256進製)

我們把特殊性分為4個等級,每乙個等級代表一類選擇器,沒個等級的值相加得出選擇器的權重。4個等級的定義如下 第一等級 代表內聯樣式,如style 權值為 1000 第二等級 代表id選擇器,如 content,權值為100 第三等級 代表類,偽類和屬性選擇器,如.content,權值為10 第四等級 ...

css權重的問題

他們的優先順序 內聯式 嵌入式 外部式 但是嵌入式 外部式有乙個前提嵌入式css樣式的位置一定在外部式的後面。如右 編輯器就是這樣,的前面 實際開發中也是這麼寫的 感興趣的小夥伴可以試一下,把它們調換順序,再看他們的優先順序是否變化。style.css 下面是權值的關係 p 權值為1 pspan 權...

CSS 權重問題

行內樣式包含在你的 html 標籤中 對你的元素產生直接作用,權重最大,但是不能宣告偽類樣式 test id 一般用來作為元素的唯一標識,權重第二 屬性選擇器 針對標籤中的屬性的選擇器 這個形容有點書面,具體自己理解 設定 input 標籤中 title 為 test 的標籤字型顏色 input t...