首頁  >  文章  >  web前端  >  css偽類別分為哪幾種

css偽類別分為哪幾種

王林
王林原創
2020-11-17 11:27:073806瀏覽

css偽類別分為UI偽類和結構化偽類兩種。 UI偽類分為連結偽類、focus偽類和target偽類。結構化偽類分為【:first-child】、【:last-child】和【:nth-child】。

css偽類別分為哪幾種

CSS偽類別分成兩種:

#1、UI偽類:會在HTML元素處於某種狀態時(例如滑鼠指標位於連線上),為該元素套用CSS樣式。

2、結構化偽類:會在標記中存在某種結構上的關係時(如某個元素時一組元素中的第一個或最後一個),為回應元素套用CSS樣式。

(學習影片分享:css影片教學

UI偽類:最常用的UI偽類元素是連結(a元素)。

分為三種:

1、連結偽類:共有四個,連結總是會處於四種狀態之一。

(1)Link 連結就在那裡等著用戶點擊。

(2)Visited 用戶先前點擊過這個連結。

(3)Hover 滑鼠指標正懸停在連結上。

(4)Active 連結正在被點擊(滑鼠在元素上按下,還沒有釋放)。

2、focus偽類(聚焦)

3、target偽類(如果用戶點擊一個紙箱頁面中其他元素的鏈接,則那個元素就是目標(target),可以用: target偽類別選它。)

結構化偽類別:

1、:first-child和:last-child

:first-child代表一組同胞元素中的第一個元素,而:last-child則代表最後一個。

2、:nth-​​child:會選擇一組清單項目中的每個第n項。

相關推薦:CSS教學

以上是css偽類別分為哪幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn