1.常用的選擇器：
①元素選擇器 指定希望應用樣式的元素.比如：p {color:#fff;}
②後代選擇器 尋找特定元素或者元素的後代. 比如：body p{color:#ccc;} 這個選擇器和子選擇器body>p的區別是：body>p是指body下作為子元素的所有節點P,而後代選擇 是body下面所有的節點P，可以說子元素選擇器是一種特殊的後代選擇器。
③類選擇器 指定特定的類應用樣式比如.a{color:#ccc;} 類選擇器命名最好根據它用作什麼而不是表現什麼來命名。如果在文檔中添加了許多不必要 的類，那麼這可能是文檔結 構不合理的信號。最好根據祖先選擇器的後代選擇器來選定。
④偽類選擇器根據文檔結構之外的其他條件對元素應用樣式 比如：a:hover{color:red}, :link :visited稱為鏈接偽類，只能用於錨元素，而:hover :active :focus稱為動態偽 類，理論上可以應用於任何元素，這些偽類可以層疊，創建更復雜的行為
⑤通用選擇器匹配所有可用元素應用樣式（相當於全選），由一個*表示，它可以用來對某個元素的所有後代應用樣式，或者跳過一級的後代。
⑥高級選擇器之子選擇器：如前文 略。
⑦相鄰同胞選擇器 選取同一個父元素下某個元素之後的第一個同級兄弟元素。可以認為是和JS中的:after選擇一個效果
比如 p+div{color:#00f;}就可以實現應用樣式
⑧屬性選擇器可以根據屬性的值來尋找元素 比如acronym[title='practise']{bgc:blue;}尋找擁有title屬性且值為practised元素應用樣式
ps:為了避免樣式過分混亂，盡量保持一般樣式非常一般，特殊樣式非常特殊
繼承是指應用樣式的元素的後代會繼承樣式的某些屬性，可以通過設置父元素的一般樣式來避免子元素標簽的過分使用。
現在樣式表最常見的是鏈接樣式，這樣方法比導入方法快，使用結構良好的單一CSS文件可以顯著提高下載速度，但是可以根據實際情況，盡量使代碼美觀不混亂。
代碼的結構設計（！important）
為了便於維護，最好將樣式分塊
1.一般樣式
⑴主體樣式
⑵reset樣式
⑶鏈接
⑷標題
⑸其他元素
2.輔助樣式
⑴表單
⑵通知和錯誤
⑶一致的條目
3.頁面結構
⑴標題、頁腳、導航
⑵布局
⑶其他頁面結構元素
4.頁面組件
各個頁面
5.覆蓋樣式
在需要的地方加上注釋是一種良好的習慣