第三篇：前端開發-css選擇符概括

css選擇符概括

一、類選擇符（標籤選擇符）：全部的HTML的標籤均可以直接當作選擇符來使用

　　　　特色：能選中當前結構裏面全部同名的標籤。

二、id選擇符：

　　　　特色；惟一性！同一個頁面中一個id名只能用一次。

　　　　應用：主要用來劃分外圍結構。

　　　　起名規範：

　　　　　　一、儘可能小寫字母開頭，數字、字母、下劃線和連字符的組合；

　　　　　　二、不能用關鍵字命名（標籤和屬性都是關鍵字）；

　　　　　　三、命名儘可能反應結構、版塊內容（語義化）；

　　　　　　四、能夠拼音但不能出現漢字。

三、類選擇符（class選擇符）：class=「名稱1 名稱2 名稱3 ··· 」

　　　　特色：

　　　　　　一、一個元素能夠有多個類名，類名能夠重複出現；

　　　　　　二、能夠制定一類樣式。

四、羣主選擇器：以逗號分隔的方式，將多個選擇符組成一組，給整組全都加上樣式

　　　　語法：選擇符1，選擇符二、選擇符3··· {屬性：屬性值；}

五、包含選擇符（子代選擇器）：經過父元素找子元素。

　　　　父元素 （空格）子元素{屬性：屬性值；}

六、僞類選擇符：

　　　　a：link{color：；}  未訪問連接的狀態；

　　　　a：visited{color：；}  已訪問連接狀態；

　　　　a：hover{color：；}  鼠標滑過連接狀態；

　　　　a：active{color：；}  鼠標按下時的連接狀態；

七、通配符：用於選擇頁面全部元素

　　　　語法：*{ } 。

　　　　注：只要寫css代碼，就要重置樣式。