一、 CSS選擇器分類
CSS選擇器如下：
CSS的選擇器其實大類的話可以分為三類，即id選擇器、class選擇器、標(biāo)簽選擇器。
用法如下：
- id選擇器： #id名 { 屬性名:屬性值; }
- class選擇器 ：.class名 { 屬性名:屬性值; }
- 標(biāo)簽選擇器： 標(biāo)簽名 { 屬性名:屬性值; }
其中，他們之間又可以以不同的方式進(jìn)行組合，如下：
- 后代選擇器: 父代名 后代名 { 屬性名:屬性值; }
- 子代選擇器:父代名>子代名 { 屬性名:屬性值; }
- 群組選擇器: #name1, .name2, #name div { 屬性名:屬性值; }
- 偽類選擇器: name:偽類
- 通用(通配符)選擇器:
* { 屬性名: 屬性值; } ……
常用的也就這些。
完整CSS選擇器參考手冊
二、CSS選擇器優(yōu)先級
- 最高優(yōu)先級是 (直接在標(biāo)簽中的設(shè)置樣式，假設(shè)級別為1000)
- 次優(yōu)先級是（ID選擇器 ,假設(shè)級別為100）
#myDiv{color:Red;}
- 其次優(yōu)先級是（類選擇器，假設(shè)級別為10）
.divClass{color:Red;}
- 最后優(yōu)先級是 （標(biāo)簽選擇器，假設(shè)級別是 1）
div{color:Red;}
- 那么后代選擇器的優(yōu)先級就可以計算了啊
比如
.divClass span { color:Red;} 優(yōu)先級別就是：10+1=11
免費(fèi)AI編程助手
