css權重的問題

2021-08-19 14:10:22 字數 540 閱讀 5371

他們的優先順序:內聯式》嵌入式》外部式

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

"style.css"

...>

下面是權值的關係:

p

/*權值為1*/

pspan

/*權值為1+1=2*/

.warning

/*權值為10*/

pspan

.warning

/*權值為1+1+10=12*/

#footer

.note

p /*權值為100+10+1=111*/

注意:還有乙個權值比較特殊–繼承也有權值但很低,有的文獻提出它只有0.1,所以可以理解為繼承的權值最低

**:參考**

CSS 權重問題

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

css權重問題

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.特殊...

CSS權重的進製問題

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