通配符選擇器：*
元素選擇器：div p h1
類選擇器： class=“mark” 使用方法： .mark{}
ID選擇器：id="mark" 使用方法： #mark{}
屬性選擇器：
① 簡單屬性選擇器：選擇有class屬性的所有h1元素，使其文本為紅色：h1[class]：{color:red}
② 具體屬性值選擇：eg：a[title="mark"]
③ 部分屬性選擇： eg: img[title~="mark"]
[foo^="bar"] 選擇foo屬性值以“bar”開頭的所有元素
[foo$="bar"] 選擇foo屬性值以“bar”結(jié)尾的所有元素
[foo*="bar"] 選擇foo屬性值中包含子串“bar”的所有元素
④ 特定屬性選擇器: *[lang|="en"] 選擇lang屬性等于en或者以en-開頭的所有元素
⑤后代選擇器：div p 匹配div后代中的所有p元素
div>p 匹配div后代中，第一個子代
h1 + p 匹配緊鄰在一個h1元素后出現(xiàn)的所有段落
⑥偽類選擇器：鏈接偽類
? :link指示作為超鏈接并指向一個未訪問地址的所有錨
（注：有些瀏覽器可能會不正確的將:link解釋為指向任何超鏈
接, 包括已訪問的和未訪問的）
?:visited：指示作為已訪問地址超鏈接的所有錨
動態(tài)偽類
? :focus指示當(dāng)前擁有輸入焦點(diǎn)的元素，即可以接受鍵盤輸入或
者能以某種方 式激活的元素
?:hover 指示鼠標(biāo)指針停留在元素上
? :active 指示被用戶輸入激活的元素
注意：偽類順序很重要，一般為link -visited-focus-hover-active
⑦ 選擇第一個子元素 :first-child
p:first-child 選擇p作為第一個子元素的p，而不是選擇p元素的第一個子元素
⑧ 根據(jù)語言選擇 :lang()
eg :lang(fr){font-style:italic} 把所有法語元素變成斜體
⑨ 結(jié)合偽類：eg a:link:hover{color:red} 指針停留在未訪問鏈接，鏈接變紅
偽元素選擇器 ：
設(shè)置首字母樣式 p:first-letter:{color:red} 版本css1
設(shè)置第一行樣式 p:first-line:{color:red} css1
設(shè)置之前樣式 h2:before{content:"{{"} css2
設(shè)置之后樣式 h2:after{content:"}}"} css2