標籤：內容 範圍 開始 沒有 集合 dev this 控制 page
1,。
| :active | 匹配被使用者啟用的元素。 |
| :any |
|
| :checked | 表示任何處於選中狀態的radio( 使用者通過點擊元素或選擇其他的值，可以改變該元素的 :checked 狀態，並:checked屬性賦給一個新的對象(例如其他的option值)。 |
| :default | 表示一組相關元素中的預設表單元素。 該選取器可以在 <button>, <input type="checkbox">, <input type="radio">, 以及 <option> 上使用。 |
| :dir() | 配特定文字書寫方向的元素。 |
| :disabled | 表示任何被禁用的元素。 |
| :empty | 代表沒有子項目的元素。子項目只可以是元素節點或文本（包括空格），無論一個元素是否為 (empty 或 not), 注釋或處理指示都不會產生影響。 |
| :enabled | 表示任何啟用的（enabled）元素。如果一個元素能夠被啟用（如選擇、點擊或接受文本輸入）或擷取焦點，則該元素是啟用的。元素還有一個禁用的狀態（disabled state），在被禁用時，元素不能被啟用或擷取焦點。 |
| :first | |
| :first-child | 代表了一組兄弟元素中的第一個元素。在level3實現中，被匹配的元素需要具有一個父級元素，而在level4實現中則不需要。 |
| :first-of-type | 表示一組兄弟元素中其類型的第一個元素。 p:first-of-type /* 選擇在父元素中第一個出現的<p>，而不管其在兄弟內的位置如何 */ |
| :fullscreen | 當前處於全螢幕顯示模式的元素。 |
| :focus | 表示獲得焦點的元素（如表單輸入）。當使用者點擊或觸摸元素或通過鍵盤的 “tab” 鍵選擇它時會被觸發。 |
| :hover | 會在游標（滑鼠指標）懸停在元素上時提供關聯的樣式。在觸控螢幕上 適用於使用者使用指示裝置虛指一個元素（沒有啟用它）的情況。這個樣式會被任何與連結相關的偽類重寫，像 |
| :indeterminate | 表示狀態不確定的表單元素: |
| :in-range | 代表一個 input:in-range /* 該偽類可選定任意的<input>, 但只有在該元素指定了取值範圍，並且元素值處於指定範圍時才有效*/ |
| :invalid | 表示任意內容未通過驗證的 <input> 或其他 <form> 元素 . |
| :lang() | 基於元素語言來匹配頁面元素。 p:lang(en) /* 選取任意的英文（en)段落 */ |
| :last-child | 代表父元素的最後一個子項目。 |
| :last-of-type | 表示了在（它父元素的）子項目列表中，最後一個給定類型的元素。 |
| :left | 需要和@規則 @page :left /* 設定列印時的左側文檔樣式 */ |
| :link | 用來選中元素當中的連結。 |
| :not() | 是以一個簡單的以選取器X為參數的功能性標記函數。它匹配不符合參數選取器X描述的元素。X不能包含另外一個否定選取器。 |
| :nth-child() | 首先找到所有當前元素的兄弟元素，然後按照位置先後順序從1開始排序，選擇的結果為第（an+b）個元素的集合（n=0，1，2，3...）。 |
| :nth-last-child() |
和 |
| :nth-last-of-type() | 匹配那些在它之後有 an+b-1 個相同類型兄弟節點，從結尾處反序計數 |
| :nth-of-type() | 文檔樹中在其之前具有 an+b-1 個相同兄弟節點的元素， |
| :only-child | div :only-child 匹配只有一個子項目的節點（子項目包括空格等） |
| :only-of-type | 代表了任意一個元素，這個元素沒有其他相同類型的兄弟元素。 |
| :optional | 表示任意沒有required屬性的 <input>，<select> 或 <textarea> 元素 |
| :out-of-range | 表示一個 <input> 元素，其當前值處於屬性 min 和 max 限定的範圍外。 |
| :read-only | 表示元素不可被使用者編輯的狀態（如鎖定的文本輸入框）。 |
| :read-write | 代表一個元素（例如可輸入文本的 input元素）可以被使用者編輯。 |
| :required | 任意 <input> 元素表示任意擁有required屬性的 <input> 或 <textarea> 元素 |
| :right | |
| :root | 匹配文檔樹的根項目。對於 HTML 來說，:root 表示 <html> 元素，除了優先順序更高之外，與 html 選取器相同。 |
| :scope | 匹配作為選擇符匹配元素的參考點(css的範圍或作用點)。在HTML中，可以使用<style>的scoped屬性來重新定義新的參考點。如果HTML中沒有使用這個屬性，那麼預設的參考點(css的範圍或作用點)是<html>。 |
| :target | 代表一個唯一的頁面元素(目標元素)，其ID與當前URL片段匹配 . :target /* 選擇一個ID與當前URL片段匹配的元素*/ |
| :valid | 表示內容驗證正確的 |
| :visited |
css 偽類
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
