css標籤權重比較

2021-09-28 18:56:50 字數 455 閱讀 4813

css中的選擇器有id選擇器、類選擇器、標籤名選擇器

1、如果標籤直接選中:

權重大小id選擇器》類選擇器》標籤名選擇器

先看id再看類選擇器最後標籤名選擇器,越大的越先顯示

如果選擇器的權重都一樣,那麼誰在最後就顯示那個選擇器

2、沒有直接選中標籤名

如果是繼承過來的樣式,權重是0(如果沒有直接選中這個標籤,那麼這種的屬性權重是0)繼承來的權重沒有直接選中的權重高

如果都沒直接選中,權重都是0,這個時候就有乙個「就近原則「。

這是什麼顏色

div.d3

第二種

div.d3

#box1

"d1" id="box1">

"d2" id="box2">

"d3" id="box3">

這是什麼顏色

css權重比較

1 important,加在樣式屬性值後,權重值為 10000 2 內聯樣式,如 style 權重值為1000 3 id選擇器,如 content,權重值為100 4 類,偽類和屬性選擇器,如 content hover 權重值為10 5 標籤選擇器和偽元素選擇器,如 div p before 權重...

CSS 權重問題

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

CSS權重介紹

css權重指的是樣式的優先順序,有兩條或多條樣式作用於乙個元素,權重高的那條樣式對元素起作用,權重相同的,後寫的樣式會覆蓋前面寫的樣式。可以把樣式的應用方式分為幾個等級,按照等級來計算權重 1 important,加在樣式屬性值後,權重值為 10000 2 內聯樣式,如 style 權重值為1000...