權重問題深入

2022-09-06 22:06:21 字數 626 閱讀 9051

1)權重計算的順序:

(id的數量,類的數量,標籤的數量)

注意:255個標籤等於1個類名;所以標籤是不一定小於類;

2)當權重相同時,誰在後就以誰為準;

3)通過繼承性去影響,那麼權重是0,不能直接選中某個元素;

4)如果權重都是0,那麼有乙個就近原則,誰描述的近,聽誰的;

總結:

1)先看看有沒有選中,如果選中了,那麼以(id數,類數,標籤書)來記權重,誰大聽誰的,如果都一樣,聽後寫的為準;

2)如果沒有選中,那麼權重是0,如果大家都是0,就近原則;

3)並集選擇器要拆開來就算;

權重問題深入

1)同乙個標籤,攜帶了多個類名,有衝突;和在標籤中的掛類名的書序無關,只和css的順序有關,誰在後看誰的;

2)!important標記  表示提高屬性權重,這個屬性的權重就是無窮大;

強調:1)!important提公升的是乙個屬性,而不是乙個選擇器;

2)!important無法提公升繼承的權重,該是0還是0;

3)!important不影響就近原則;

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樣式的位置一定在外部式的後面。如右 編輯器就是這樣,的前面 實際開發中也是這麼寫的 感興趣的小夥伴可以試一下,把它們調換順序,再看他們的優先順序是否變化。style.css 下面是權值的關係 p 權值為1 pspan 權...