css權重問題

2022-07-27 00:09:09 字數 566 閱讀 7168

css優先順序權重問題

1.style :1000

2.id :100

3.類 .class,屬性選擇器[class="paragraph"]和偽類 :first-child :last-of-fype等等 :10

4.型別選擇器 div a p ul等等和偽元素選擇器a:hover,a:link等等:1

5.特殊的 同一組屬性設定中標有「!important」規則的優先順序最大

例如#content div#main-content h2 100+1+100+1=202

#main-content [class="paragraph"] h2  100+10+1=111

CSS 權重問題

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

css權重的問題

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

CSS權重的進製問題

這是複習篇的第乙個知識點,css權重進製在ie6為256,後來擴大到了65536。而現代瀏覽器則採用更大的數量 在說這個知識點之前我們先來看乙個例子 顏色 這個大家猜一下是什麼顏色,可能有的老鐵會覺得藍色啊,後代選擇符的權重不是各個選擇符的和嗎,class選擇符權重為0010,而型別選擇符權重為00...