4 複雜選擇器 權重計算 css基礎屬性

!important

infinity

行間樣式

1000

id100

class/屬性/偽類

10標籤/偽元素

1萬用字元

0256進製

父子選擇器/派生選擇器

div span

div > em

div.demo

em, strong, span

從右往左遍歷 這樣更快（第乙個必須遍歷全部，但第二個開始減少時間）

ul li a span em {

顏色**

顏色函式 rbg(0,255,255)

紅 綠 藍

r g b

00-ff 00-ff 00-ff

#000000

/* 屬性名：屬性值 */

font-size
: 16px;
/* 預設字型大小 設定的是高*/
font-weight
: bold;
/* 加粗 */
font-style
: italic;
/* 斜體 */
font-family
: arial, helvetica, sans-serif;
/* 字型 */
color
: antiquewhite;
/* 字型顏色 */
border
: 1px solid blue;
/* border：border-width border-style border-color */

css複雜選擇器，權重計算問題，css基礎屬性

css權重 importtant infinity 行間樣式 1000 id100 class 屬性 偽類 10標籤 偽元素 1萬用字元 0父子選擇器不一定要用標籤選擇器寫，只要父子關係成立就行 hotpinkspan div blackpinkspan imagedragonem strong d...

CSS選擇器權重計算

css各種選擇器的權重 1.id選擇器 100 2.類 屬性 偽類選擇器 10 3.元素 偽元素選擇器 1 4.其他選擇器 0 如果有兩個css樣式都作用於某元素，如 id link a href id 100 link 10 a 1 href 0 111 id link.active id 100...

CSS 選擇器權重計算規則

下面從網易 規範中摘抄的內容，學習他們確定選擇器等級的方式。最近看了 精通css 這部分內容應該是從2.3節摘抄來的。選擇器等級 a 行內樣式style。b id選擇器的數量。c 類 偽類和屬性選擇器的數量。d 型別選擇器和偽元素選擇器的數量。選擇器等級 a,b,c,d style 1,0,0,0 ...