CSS偽類選擇器是什麼

lanyu發表於2021-09-11

CSS偽類選擇器是什麼

1、偽類選擇器,同一個標籤,根據其不同的種狀態,有不同的樣式。這就叫做“偽類”。偽類用冒號來表示。

比如div是屬於box類,這一點很明確,就是屬於box類。但是a屬於什麼類?不明確。因為需要看使用者點選前是什麼狀態,點選後是什麼狀態。所以,就叫做“偽類”。

2、偽類選擇器分為兩種,靜態偽類和動態偽類。

(1)靜態偽類:只能用於超連結的樣式。如下:

:link 超連結點選之前

:visited 連結被訪問過之後

PS:以上兩種樣式,只能用於超連結。

(2)動態偽類:針對所有標籤都適用的樣式。如下:

:hover “懸停”:滑鼠放到標籤上的時候

:active “啟用”: 滑鼠點選標籤,但是不鬆手時。

:focus 是某個標籤獲得焦點時的樣式(比如某個輸入框獲得焦點)

以上就是CSS偽類選擇器的介紹,希望對大家有所幫助。更多css學習指路:

本文轉載於掘金,如有侵犯聯絡作者修改。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2035/viewspace-2828234/,如需轉載,請註明出處,否則將追究法律責任。

相關文章