??

選擇符類型???????? 模式???????? 說明??

通配選擇符???????? *???????? 匹配所有元素??

類型選擇符???????? E???????? 匹配所有E元素??

類（Class）???????? .info???????? 匹配所有屬性class值等于info的元素??

ID????????#footer???????? 匹配所有屬性id值等于footer的元素??

后代選擇符???????? E F???????? 匹配所有為E后代的F元素??

子選擇符???????? E > F???????? 匹配所有為E子元素F??

鄰近選擇符???????? E + F???????? 匹配所有E的兄弟元素F??

屬性選擇符???????? E[att]???????? 匹配所有擁有att屬性的E元素，與屬性值無關??

屬性選擇符???????? E[att=val]???????? 匹配所有擁有att屬性且值為val的E元素??

屬性選擇符???????? E[att~=val]???? 匹配所有擁有att屬性且val為屬性值中一個完整單詞的E元素??

屬性選擇符???????? E[att|=val]???????? 匹配擁有擁有att屬性且val是其值的開始??

:first-child偽類???? E:first-child???????? 匹配所有處于其父元素中的第一個節點E元素??

鏈接偽類???????? E:link???????? 匹配所有未訪問過的鏈接??

???????? E:visited???????? 匹配所有已經訪問過的鏈接??

動態偽類???????? E:active???????? 匹配所有激活狀態中的鏈接??

???????? E:hover???????? 匹配鼠標經過時的鏈接??

???????? E:focus???????? 匹配處于焦點狀態的鏈接??

:language偽類???? E:lang(c)???????? 匹配所以語言為c的E元素??

:first-line偽類???? E:first-line???????? 匹配元素E中內容的第一行??

:first-letter偽類???? E:first-letter???? 匹配E元素中的首字母??

:before 和 :after???? E:before???????? 匹配在E元素前（后）插入的內容??

偽類???????? E:after ?

轉載于:https://www.cnblogs.com/cchyao/archive/2010/08/05/1792815.html

總結

以上是生活随笔為你收集整理的CSS2.1选择符的全部內容，希望文章能夠幫你解決所遇到的問題。

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