html中的偽類有哪些

這篇文章主要講解了“html中的偽類有哪些”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“html中的偽類有哪些”吧！

在html中，偽類是一種用于已有元素處于某種狀態(tài)時(shí)（滑動(dòng)、點(diǎn)擊等）為其添加對(duì)應(yīng)樣式的選擇器，且這個(gè)狀態(tài)是根據(jù)用戶行為而動(dòng)態(tài)變化的。常用偽類有“:active”、“:hover”、“:link”、“:root”、“:valid”等等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

偽類：用于已有元素處于某種狀態(tài)時(shí)（滑動(dòng)、點(diǎn)擊等）為其添加對(duì)應(yīng)的樣式，這個(gè)狀態(tài)是根據(jù)用戶行為而動(dòng)態(tài)變化的。

我的理解就是：本身不存在，只有在特定的情況（滑動(dòng)、點(diǎn)擊）下才會(huì)被觸發(fā)的狀態(tài)，可以用css去修飾這個(gè)狀態(tài)下的對(duì)象。

例如：當(dāng)用戶懸停在指定元素時(shí)，可以通過:hover來描述這個(gè)元素的狀態(tài)，雖然它和一般css相似，可以為已有元素添加樣式，但是它只有處于DOM樹無法描述的狀態(tài)下才能為元素添加樣式，所以稱為偽類。

常用偽類有：

• :active 選擇正在被激活的元素（匹配指定狀態(tài)）

• :hover 選擇被鼠標(biāo)懸浮著的元素（匹配指定狀態(tài)）

• :link 選擇未被訪問的元素 （匹配指定狀態(tài)）

• :visited 選擇已被訪問的元素（匹配指定狀態(tài)）

• :first-child 選擇滿足是其父元素的第一個(gè)子元素的元素

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

• :focus 選擇擁有鍵盤輸入焦點(diǎn)的元素

• :enable 選擇每個(gè)已啟動(dòng)的元素

• :disable 選擇每個(gè)已禁止的元素

• :checked 選擇每個(gè)被選中的元素

• :target 選擇當(dāng)前的錨點(diǎn)元素

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

• :last-of-type 選擇滿足是其父元素的最后一個(gè)某類型子元素的元素

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

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

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

• :only-child 選擇滿足是其父元素的唯一一個(gè)子元素的元素

• :last-child 選擇滿足是其父元素的最后一個(gè)元素的元素

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

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

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

• :in-range 選擇滿足值在指定范圍內(nèi)的元素

• :out-of-range 選擇值不在指定范圍內(nèi)的元素

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

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

• :not(selector) 選擇不滿足selector的元素

• :optional 選擇為可選項(xiàng)的表單元素，即沒有“required”屬性

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

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

• :root 選擇根元素

感謝各位的閱讀，以上就是“html中的偽類有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)html中的偽類有哪些這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！