您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關css狀態選擇器有哪些,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
狀態選擇器
選擇器 | 說明 | 版本 | 常用 |
---|---|---|---|
:active | 鼠標激活的元素 | 1 | × |
:hover | 鼠標懸浮的元素 | 1 | √ |
:link | 未訪問的鏈接元素 | 1 | × |
:visited | 已訪問的鏈接元素 | 1 | × |
:target | 當前錨點的元素 | 3 | × |
:focus | 輸入聚焦的表單元素 | 2 | √ |
:required | 輸入必填的表單元素 | 3 | √ |
:valid | 輸入合法的表單元素 | 3 | √ |
:invalid | 輸入非法的表單元素 | 3 | √ |
:in-range | 輸入范圍以內的表單元素 | 3 | × |
:out-of-range | 輸入范圍以外的表單元素 | 3 | × |
:checked | 選項選中的表單元素 | 3 | √ |
:optional | 選項可選的表單元素 | 3 | × |
:enabled | 事件啟用的表單元素 | 3 | × |
:disabled | 事件禁用的表單元素 | 3 | √ |
:read-only | 只讀的表單元素 | 3 | × |
:read-write | 可讀可寫的表單元素 | 3 | × |
:target-within | 內部錨點元素處于激活狀態的元素 | 4 | × |
:focus-within | 內部表單元素處于聚焦狀態的元素 | 4 | √ |
:focus-visible | 輸入聚焦的表單元素 | 4 | × |
:blank | 輸入為空的表單元素 | 4 | × |
:user-invalid | 輸入合法的表單元素 | 4 | × |
:indeterminate | 選項未定的表單元素 | 4 | × |
:placeholder-shown | 占位顯示的表單元素 | 4 | √ |
:current() | 瀏覽中的元素 | 4 | × |
:past() | 已瀏覽的元素 | 4 | × |
:future() | 未瀏覽的元素 | 4 | × |
:playing | 開始播放的媒體元素 | 4 | × |
:paused | 暫停播放的媒體元素 | 4 | × |
css的基本語法是:1、css規則由選擇器和一條或多條聲明兩個部分構成;2、選擇器通常是需要改變樣式的HTML元素;3、每條聲明由一個屬性和一個值組成;4、屬性和屬性值被冒號分隔開。
關于“css狀態選擇器有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。