CSS 權重問題

2021-08-25 05:31:44 字數 1580 閱讀 7939

行內樣式包含在你的 html 標籤中 對你的元素產生直接作用,權重最大,但是不能宣告偽類樣式

test

id 一般用來作為元素的唯一標識,權重第二

屬性選擇器:針對標籤中的屬性的選擇器(這個形容有點書面,具體自己理解)

/* 設定 input 標籤中 title 為 test 的標籤字型顏色 */

input[title="test"]

.tes:hover
偽元素選擇器:

/* 偽元素選擇器 */

::after

::before

::first-letter

::first-line

::selecton

選擇器

權重行內元素樣式

1000

id 選擇器

100類、偽類、屬性選擇器

10元素、偽元素選擇器

1萬用字元 *

0下面的栗子是**《你應該知道的一些事情——css權重》,可以自行測試一下

*{}                         ====》0

li{} ====》1(乙個元素)

li:first-line{} ====》2(乙個元素,乙個偽元素)

ul li {} ====》2(兩個元素)

ul ol+li{} ====》3(三個元素)

h1+ *[rel=up] {} ====》11(乙個屬性選擇器,乙個元素)

ul ol li.red{} ====》13(乙個類,三個元素)

li.red.level{} ====》21(兩個類,乙個元素)

style="" ====》1000(乙個行內樣式)

p {} ====》1(乙個元素)

div p {} ====》2(兩個元素)

.sith {} ====》10(乙個類)

div p.sith{} ====》12(乙個類,兩個元素)

#sith{} ====》100(乙個id選擇器)

body #darkside .sith p {} ====》112(1+100+10+1,乙個id選擇器,乙個類,兩個元素)

/* css 檔案中 */

.test

/* html 檔案中 *//* 此時樣式依據 html 檔案中的選擇器計算,元素字型顏色為 #39f */

《你應該知道的一些事情——css權重》(文章大多數參考此文章,其他是一些自己的筆記)

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 權...

CSS權重的進製問題

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