css偽類別分為哪幾種

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

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中文網其他相關文章！