首頁 > web前端 > 前端問答 > html中什麼是偽類

html中什麼是偽類

青灯夜游
發布: 2021-12-23 14:57:10
原創
6164 人瀏覽過

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

html中什麼是偽類

本教學操作環境: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板