* 偽類 | Selector | Meaning | CSS | | --- | --- | --- | | :active | 選擇正在被激活的元素 | 1 | | :hover | 選擇被鼠標懸浮著元素 | 1 | | :link | 選擇未被訪問的元素 | 1 | | :visited | 選擇已被訪問的元素 | 1 | | :first-child | 選擇滿足是其父元素的第一個子元素的元素 | 2 | | :lang | 選擇帶有指定 lang 屬性的元素 | 2 | | :focus | 選擇擁有鍵盤輸入焦點的元素 | 2 | | :enable | 選擇每個已啟動的元素 | 3 | | :disable | 選擇每個已禁止的元素 | 3 | | :checked | 選擇每個被選中的元素 | 3 | | :target | 選擇當前的錨點元素 | 3 | | :first-of-type | 選擇滿足是其父元素的第一個某類型子元素的元素 | 3 | | :last-of-type | 選擇滿足是其父元素的最后一個某類型子元素的元素 | 3 | | :only-of-type | 選擇滿足是其父元素的唯一一個某類型子元素的元素 | 3 | | :nth-of-type(n) | 選擇滿足是其父元素的第n個某類型子元素的元素 | 3 | | :nth-last-of-type(n) | 選擇滿足是其父元素的倒數第n個某類型的元素 | 3 | | :only-child | 選擇滿足是其父元素的唯一一個子元素的元素 | 3 | | :last-child | 選擇滿足是其父元素的最后一個元素的元素 | 3 | | :nth-child(n) | 選擇滿足是其父元素的第n個子元素的元素 | 3 | | :nth-last-child(n) | 選擇滿足是其父元素的倒數第n個子元素的元素 | 3 | | :empty | 選擇滿足沒有子元素的元素 | 3 | | :in-range | 選擇滿足值在指定范圍內的元素 | 3 | | :out-of-range | 選擇值不在指定范圍內的元素 | 3 | | :invalid | 選擇滿足值為無效值的元素 | 3 | | :valid | 選擇滿足值為有效值的元素 | 3 | | :not(selector) | 選擇不滿足selector的元素 | 3 | | :optional | 選擇為可選項的表單元素，即沒有“required”屬性 | 3 | | :read-only | 選擇有"readonly"的表單元素 | 3 | | :read-write | 選擇沒有"readonly"的表單元素 | 3 | | :root | 選擇根元素 | 3 | **注意**：p:first-child表示選擇的元素既要是p標簽，同時要是其父元素的第一個子元素，不要錯誤認為是表示p元素的第一個子元素；同理，p:first-of-type表示選擇的元素要是p標簽，同時要是其父元素的第一個p標簽元素；其他類似的偽類含義相似。 * 偽元素 | Selector | Meaning | CSS | | --- | --- | --- | | ::first-letter | 選擇指定元素的第一個單詞 | 1 | | ::first-line | 選擇指定元素的第一行 | 1 | | ::after | 在指定元素的內容前面插入內容 | 2 | | ::before | 在指定元素的內容后面插入內容 | 2 | | ::selection | 選擇指定元素中被用戶選中的內容 | 3 |