# CSS選擇器 1. 標簽/元素選擇器 格式： 元素{} 2. 類選擇器 格式： .ClassName{} 3. ID選擇器 格式： #IDName{} 4. 并集選擇器(選擇器分組,相當于選擇器共用的樣式) 格式: 選擇器1,選擇器2....選擇器n{} 5. 交集選擇器 格式： 選擇條件1選擇條件2...選擇條件n{} 諸如 p#idtest.classtest 6. 通配符選擇器 格式： *{} 7. 派生(后代)元素選擇器 格式： 祖先 后代{} 8. 子元素選擇器(區別于后代選擇器,后代選擇器會全選子元素) 格式： 祖先 > 指定后代{} 9. 偽類選擇器 格式： 元素:偽類{} 諸如:a:active a:hover 10. 偽元素選擇器 格式：元素:偽類{} 諸如:after before 11. 屬性選擇器 格式: 元素[屬性]{} 諸如: p[title] 規則： title=xxx 規定指定的屬性值 title^=xx 規定指定的屬性值開頭通配 title$=xx 規定指定的屬性值結尾通配 title*=xx 規定指定的屬性值包含通配 12. 子元素的偽類 格式: 子元素:偽類 諸如 :firsr-child last-child nth-child(n) 13. 兄弟元素選擇器 格式： 前一個 +/~ 后一個 {} 諸如： span+p{} //span標簽后面的第一個p標簽 span~p{} //span標簽后的所有p標簽 14. 否定偽類 格式: 元素:not(選擇器) 諸如： p:not(.test) //剔除p標簽中class為test的標簽 15. 優先級關系 內聯樣式(1000)>ID(100)>類和偽類(10)>元素選擇器(1)>通配符(0)>繼承的樣式(無) 出現其他的選擇器時 需要將優先級相加再計算。相同優先級 后加載的優先。當在樣式后添加一個 !importtant 將獲得最高優先級