1.? 類選擇器:類選擇器根據(jù)類名來選擇 前面以”.”來標(biāo)志,元素可定義一個class的屬性
語法: .屬性名{屬性1:屬性值1;屬性2:屬性值2}
2. 標(biāo)簽選擇器:一個完整的HTML頁面是有很多不同的標(biāo)簽組成,而標(biāo)簽選擇器,則是決定哪些標(biāo)簽采用相應(yīng)的CSS樣式
3. id選擇器:前面以 # 號來標(biāo)志,根據(jù)元素ID來選擇元素,可以定義一個id屬性,id選擇器具有唯一性。
語法:#屬性名{屬性1:屬性值1;屬性2:屬性值2}
注:id名稱不允許相同。
弊端:只能用于一個標(biāo)簽上,浪費資源。
4. 組選擇器:針對多個樣式,有同名的,有相同的樣式設(shè)置就可以把它抽取出來寫在一起——代碼封裝
語法:#屬性名,屬性名{屬性1:屬性值1;屬性2:屬性值2}
5. 偽類選擇器:定義的是一種狀態(tài)。常用的偽類選擇器有hover,表示鼠標(biāo)懸停在元素上時的狀態(tài)。常用在連接的地方
語法:.屬性名:hover{屬性1:屬性值1;屬性2:屬性值2}
.屬性名:{屬性1:屬性值1;屬性2:屬性值2}
6. 通用選擇器:通用選擇器用*來表示。
語法:*{屬性1:屬性值1;屬性2:屬性值2}