行內樣式包含在你的 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...