css權重比較

2021-09-02 19:18:44 字數 420 閱讀 2957

1、!important,加在樣式屬性值後,權重值為 10000

2、內聯樣式,如:style=」」,權重值為1000

3、id選擇器,如:#content,權重值為100

4、類,偽類和屬性選擇器,如: content、:hover 權重值為10

5、標籤選擇器和偽元素選擇器,如:div、p、:before 權重值為1

6、通用選擇器(*)、子選擇器(>)、相鄰選擇器(+)、同胞選擇器(~)、權重值為0

設定了position:absolute或者float:left/right

會自動設定成inline-block

單行文字溢位用...表示

overflow:hidden;

text-overflow:ellipsis;

wihte-space:nowrap;

css標籤權重比較

css中的選擇器有id選擇器 類選擇器 標籤名選擇器 1 如果標籤直接選中 權重大小id選擇器 類選擇器 標籤名選擇器 先看id再看類選擇器最後標籤名選擇器,越大的越先顯示 如果選擇器的權重都一樣,那麼誰在最後就顯示那個選擇器 2 沒有直接選中標籤名 如果是繼承過來的樣式,權重是0 如果沒有直接選中...

CSS 權重問題

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

CSS權重介紹

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