古詩詞大全網 - 藝術簽名 - css選擇器有哪些?各種選擇器的優先級順序

css選擇器有哪些?各種選擇器的優先級順序

CSS選擇器如下所示:

1.

標簽名稱選擇器

差異

{

顏色:紅色;}

/即頁面中每個標記名的css樣式。

2.類別選擇器

。divClass

{顏色:紅色;}

/是定義的每個標簽的類。

Css樣式在

3.ID選擇器

#myDiv

{顏色:紅色;}

/即頁面中標記的id。

4.後代選擇器(類選擇器的後代選擇器)

。divClass

跨度

{

顏色:紅色;}

/也就是說,多個選擇器用逗號分隔。

命名以找到準確的標簽

5.組選擇器

div,span,img

{顏色:紅色}

/也就是說,具有相同樣式的標簽成組顯示。

選擇器的優先級

1.最高優先級是

(直接在標簽中設置樣式,假設級別為1000)

2.第二優先級是(ID選擇器

,假設等級為100)

# my div { color:Red;}

3.第二優先級是(類選擇器,假設級別是10)。

。divClass {顏色:紅色;}

4.最後壹個重點是

(標簽選擇器,假設級別為

1)

div {顏色:紅色;}

5.則可以計算後代選擇器的優先級。

例如

。divClass

跨度

{

顏色:紅色;}

優先級為:10+1 = 11。