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
相關文章
相關標籤/搜索