css 僞類

時間 2019-11-20

標籤 css 欄目 CSS 简体版

原文原文鏈接

1,。css

:active	匹配被用戶激活的元素。
:any
:checked	表示任何處於選中狀態的radio(`<input type="radio">`), checkbox (`<input type="checkbox">`) 或("select") 元素中的option HTML元素("option")) 。html 用戶經過點擊元素或選擇其餘的值，能夠改變該元素的 :checked 狀態，並:checked屬性賦給一個新的對象(例如其餘的option值)。web
: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	表示一組兄弟元素中其類型的第一個元素。app p:first-of-type /* 選擇在父元素中第一個出現的<p>，而無論其在兄弟內的位置如何 */函數
:fullscreen	當前處於全屏顯示模式的元素。
:focus	表示得到焦點的元素（如表單輸入）。當用戶點擊或觸摸元素或經過鍵盤的「tab」鍵選擇它時會被觸發。
:hover	會在光標（鼠標指針）懸停在元素上時提供關聯的樣式。在觸摸屏上 `:hover` 有問題，基本不可用。ui 適用於用戶使用指示設備虛指一個元素（沒有激活它）的狀況。這個樣式會被任何與連接相關的僞類重寫，像`:link`, `:visited`, 和 `:active`等。爲了確保生效，:hover規則須要放在:link和:visited規則以後，可是在:active規則以前，按照LVHA的循順序聲明:link－:visited－:hover－:active。spa
:indeterminate	表示狀態不肯定的表單元素:
:in-range	表明一個 `<input>` 元素，其當前值處於屬性`min` 和`max` 限定的範圍以內.指針 input:in-range /* 該僞類可選定任意的<input>, 但只有在該元素指定了取值範圍，而且元素值處於指定範圍時纔有效*/
:invalid	表示任意內容未經過驗證的 `<input>` 或其餘 `<form>` 元素 .
:lang()	基於元素語言來匹配頁面元素。 p:lang(en) /* 選取任意的英文（en)段落 */
:last-child	表明父元素的最後一個子元素。
:last-of-type	表示了在（它父元素的）子元素列表中，最後一個給定類型的元素。
:left	須要和@規則 `@page` 配套使用, 對打印文檔的左側頁設置CSS樣式. @page :left /* 設置打印時的左側文檔樣式 */
:link	用來選中元素當中的連接。
:not()	是以一個簡單的以選擇器X爲參數的功能性標記函數。它匹配不符合參數選擇器X描述的元素。X不能包含另一個否認選擇器。
:nth-child()	`:nth-child(an+b)` 首先找到全部當前元素的兄弟元素，而後按照位置前後順序從1開始排序，選擇的結果爲第（an+b）個元素的集合（n=0，1，2，3...）。
:nth-last-child()	`:nth-last-child(an+b)` 和 `:nth-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	表示內容驗證正確的`<input>` 或其餘 `<form>` 元素。這能簡單地將校驗字段展現爲一種能讓用戶辨別出其輸入數據的正確性的樣式。
:visited

1. CSS僞類
2. CSS——僞類
3. CSS----僞類
4. CSS的僞類
5. css僞類
6. CSS :active 僞類
7. Css僞類
8. JavaWeb——CSS僞類
9. css之僞類
10. CSS :focus 僞類
更多相關文章...
• jQuery Mobile CSS 類 - jQuery Mobile 教程
• CSS 指南 - 網站建設指南
• Kotlin學習（二）基本類型
• 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。