html中什麼是偽類

在html中，偽類別是一種用於已有元素處於某種狀態時（滑動、點擊等）為其添加對應樣式的選擇器，且這個狀態是根據使用者行為而動態變化的。常用偽類別有「:active」、「:hover」、「:link」、「:root」、「:valid」等等。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

偽類別：用於已有元素處於某種狀態時（滑動、點擊等）為其添加對應的樣式，這個狀態是根據使用者行為而動態變化的。

我的理解就是：本身不存在，只有在特定的情況（滑動、點擊）下才會被觸發的狀態，可以用css去修飾這個狀態下的物件。

例如：當使用者懸停在指定元素時，可以透過:hover來描述這個元素的狀態，雖然它和一般css相似，可以為已有元素添加樣式，但是它只有處於DOM樹無法描述的狀態下才能為元素添加樣式，所以稱為偽類。

常用偽類別有：

• :active 選擇正在啟動的元素（符合指定狀態）

• #:hover 選擇被滑鼠懸浮的元素（符合指定狀態）

• #:link 選擇未被存取的元素（符合指定狀態）

• :visited 選擇已被存取的元素（符合指定狀態）

• #:first-child 選擇滿足是其父元素的第一個子元素的元素

• :lang(value) 選擇帶有指定lang 屬性的元素

• #:focus 選擇擁有鍵盤輸入焦點的元素

• :enable 選擇每個已啟動的元素

• :disable 選擇每個已禁止的元素

• :checked選擇每個被選取的元素

• :target 選擇目前的錨點元素

• :first-of-type 選擇滿足是其父元素的第一個某類型子元素的元素

• :last-of-type 選擇滿足是其父元素的最後一個某類型子元素的元素

• :only-of-type 選擇滿足是其父元素的唯一一個某類型子元素的元素

• :nth-of-type(n) 選擇滿足是其父元素的第n個某類型子元素的元素

• :nth-last-of-type(n) 選擇滿足是其父元素的倒數第n個某類型的元素

• :only-child 選擇滿足是其父元素的唯一子元素的元素

• :last-child 選擇滿足是其父元素的最後一個元素的元素

• :nth-child(n) 選擇滿足是其父元素的第n個子元素的元素

• :nth-last-child(n) 選擇滿足是其父元素的倒數第n個子元素的元素

• :empty 選擇滿足沒有子元素的元素

• :in-range 選擇滿足值在指定範圍內的元素

• :out-of-range 選擇值不在指定範圍內的元素

• :invalid 選擇滿足值為無效值的元素

• #:valid 選擇滿足值為有效值的元素

• :not(selector) 選擇不符合selector的元素

• :optional 選擇為可選項的表單元素，即沒有「required」屬性

• #:read-only 選擇有"readonly"的表單元素

• :read-write 選擇沒有"readonly"的表單元素

• #:root 選擇根元素

相關推薦：《html影片教學》

以上是html中什麼是偽類的詳細內容。更多資訊請關注PHP中文網其他相關文章！