CSS動態偽類

偽類

說明:link

:visited

偽類說明

:focus

指代當前獲得輸入焦點的元素，即可以接收鍵盤輸入或以某種方式啟用

:hover

指代滑鼠指標放置其上的元素，例如滑鼠指標懸停在超連結上

:active

指代由使用者輸入啟用的元素，例如使用者單機超連結時按下滑鼠按鍵的那段時間

a:link

a:visited
a:focus
a:hover
a:active

偽類說明

:enable

指代啟用的使用者介面元素（例如表單元素），即接收輸入的元素

:disable

指代禁用的使用者介面元素（例如表單元素），即不接受輸入的元素

:checked

指代由使用者或文件預設選中的單選按鈕或核取方塊狂

:indeterminate

指代既未選中也沒有未選中的單選按鈕或核取方塊；這個狀態只能由dom指令碼設定，不能由使用者設定

:default

指代預設選中的單選按鈕、核取方塊或選項

:valid

指代滿足所有資料有效性語義的輸入框

:invalid

指代不滿足所有資料有效性語義的輸入框

:in-range

指代輸入的值在最小值和最大值之間的輸入框

:out-of-range

指代輸入的值小於控制項允許的最小值或大於控制項允許的最大值的輸入框

:required

指代必須輸入值的輸入框

:optional

指代無需一定輸入值的輸入框

:read-write

指代可由使用者編輯的輸入框

:read-only

指代不能由使用者編輯的輸入框

根據文字使用的語言選擇元素，使用:lang()偽類。

*:lang(fr)

*[lang|="fr"]

選擇既不是列表專案也不是段落的元素

*.link:not(li):not(p)

p::first-letter

p::first-line

h2::before

CSS偽類 動態鏈結

偽類可以看做是一種特殊的類選擇符，是能被支援css的瀏覽器自動所識別的特殊選擇符。它的最大的用處就是可以對鏈結在不同狀態下定義不同的樣式效果。1.語法 selector pseudo class 選擇符 偽類 偽類和類不同，是css已經定義好的，不能象類選擇符一樣隨意用別的名字，根據上面的語法可以解...

CSS入門 偽類 動態鏈結

偽類 動態鏈結 偽類可以看做是一種特殊的類選擇符，是能被支援css的瀏覽器自動所識別的特殊選擇符。它的最大的用處就是可以對鏈結在不同狀態下定義不同的樣式效果。1.語法 偽類的語法是在原有的語法裡加上乙個偽類 pseudo class selector pseudo class 選擇符 偽類 偽類和類...

CSS入門 偽類 動態鏈結

偽類 動態鏈結 偽類可以看做是一種特殊的類選擇符，是能被支援css的瀏覽器自動所識別的特殊選擇符。它的最大的用處就是可以對鏈結在不同狀態下定義不同的樣式效果。1.語法 偽類的語法是在原有的語法裡加上乙個偽類 pseudo class selector pseudo class 選擇符 偽類 偽類和類...