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

創(chuàng)新互聯(lián)長期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為石龍企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計、做網(wǎng)站，石龍網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

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

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

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

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

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

常用偽類有：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• :root 選擇根元素

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