（一）元素選擇符

E（某個元素,如p）

id（使用id，如#idName）

class（使用class，如.myclass）

通配符：*

（二）關系選擇符

包含選擇符:E F（E所有的F包含子代，孫代，子子孫孫等等）

子選擇符:E<F（與包含不同的是，子選擇符僅限于子代）

相鄰選擇符:E F（和E相鄰的F，相隔一個都不算）

兄弟選擇符:E~F（和E同級的F的算）

（三）屬性選擇符:

E[att]（E中帶有某個att屬性的元素）

E[att="val"] (E中帶有att且值為val的元素)

E[att~="val"] (E中包含att屬性，中存在val值)

E[att^="val"] (E中att屬性值以val開頭的元素)

E[att$="val"] (E中att屬性值為以val結尾的元素)

E[att*="val"] (E中att屬性值為包含val字符的元素)

E[att|=="val"] (E中att屬性值為val 或者是val-連接的字符串)

（四）偽類選擇符

（基于元素某種特性定義的類，偽類通俗點就你不需要再自己定義class，直接使用即可）

E:link (a元素沒有被訪問時)

E:visited （a元素已經被訪問了）

E:hover （鼠標懸浮在元素時）

E:active （鼠標點擊到釋放時）

E:focus （元素成為輸入焦點時）

E:lang(fr) （匹配使用特殊語言）

E:not(s) （匹配沒有s樣式的元素E）

E:root （匹配E的根元素）

E:first-child （匹配父元素第一個子元素E）

E:last-child(css3) （匹配父元素的最后一個子元素E）

E:only-child（匹配父元素僅有的元素E）

E:nth-child(n)（匹配父元素第n個子元素E）

E:nth-last-child(n)（匹配父元素倒數第n個子元素E）

E:first-of-type（匹配同類型第一個同級兄弟元素E）

E:empty（匹配沒有任何子元素（包括text節點）的E）

E:checked：（匹配處于選中狀態的元素E，input的radio與checkbox）

E:enabled ：（匹配處于可用狀態的元素E）

E:disabled： （匹配處于不可以狀態的元素E）

E:target： （匹配相關url執行的E元素）

（五）偽對象選擇符

E:first-letter （首字下沉）

E:first-line （第一行樣式）

E:before （設置在對象前（依據對象樹的邏輯結構）發生的內容。用來和content屬性一起使用，并且必須定義content屬性）

E:after （設置在對象后（依據對象樹的邏輯結構）發生的內容。用來和content屬性一起使用，并且必須定義content屬性）

E::placeholder （設置input占位符的樣式）

E::selection （設置文本被選擇時的樣式）

本篇是個人筆記，可經?？纯础?br /> 向前走，也別忘記要多回顧

總結

以上是生活随笔為你收集整理的CSS--选择符大全（常用css选择符）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。