CSS的選擇符

一.選擇符模式

模式/含義/內容描述

*

匹配任意元素。(通用選取器)

E

匹配任意元素 E (例如一個類型為 E 的元素)。(類型選取器)

E F

匹配元素 E 的任意後代元素 F 。(後代選取器)

E > F

匹配元素 E 的任意子項目 F 。(子選取器)

E:first-child

當元素 E 是它的父元素中的第一個子項目時，匹配元素 E 。(:first-child 偽類)

E:link E:visited

如果 E 是一個目標還沒有訪問過(:link)或者已經訪問過(:visited)的超連結的源錨點時匹配元素 E 。(link 偽類)

E:active E:hover E:focus

在確定的使用者動作中匹配 E 。(動態偽類)

E:lang(c)

如果類型為 E 的元素使用了(人類)語言 c (文檔語言確定語言是如何被確定的)，則匹配該元素。(:lang() 偽類)

E + F

如果一個元素 E 直接在元素 F 之前，則匹配元素 F 。(臨近選取器)

E[foo]

匹配具有”foo”屬性集(不考慮它的值)的任意元素 E 。(屬性選取器)

E[foo="warning"]

匹配其“foo”屬性值嚴格等於“warning”的任意元素 E 。(屬性選取器)

E[foo~="warning"]

匹配其“foo”屬性值為空白格分隔的值列表，並且其中一個嚴格等於“warning”的任意元素 E 。(屬性選取器)

E[lang|="en"]

匹配其“lang”屬性具有以“en”開頭(從左邊)的值的列表的任意元素 E 。(屬性選取器)

DIV.warning

僅 HTML。用法同 DIV[class~="warning"]。(類別選取器)

E#myid

匹配 ID 等於“myid”的任意元素 E 。(識別碼選取器)