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}