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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- CSS 偽類選擇器CSS
- CSS E:default 偽類選擇器CSS
- CSS E:hover 偽類選擇器CSS
- CSS E:checked 偽類選擇器CSS
- CSS E:hover偽類選擇器CSS
- CSS E:disabled 偽類選擇器CSS
- CSS E:disabled偽類選擇器CSS
- CSS偽類與偽元素選擇器區別CSS
- CSS3新增選擇器(屬性選擇器、結構偽類選擇器、偽元素選擇器)CSSS3
- CSS :focus-within 偽類選擇器CSS
- CSS @page:right列印偽類選擇器CSS
- CSS @page:left列印偽類選擇器CSS
- CSS @page:first列印偽類選擇器CSS
- css偽類選擇符CSS
- HTML表單及CSS選擇器、偽類和偽元素HTMLCSS
- 徹底理解CSS結構偽類選擇器CSS
- CSS 連結偽類選擇器順序原理CSS
- CSS E:lang()偽類選擇符CSS
- :fullscreen 偽類選擇器
- CSS E::after 偽元素選擇器CSS
- 002---選擇器(標籤選擇器、類選擇器、id選擇器、偽類選擇器、萬用字元選擇器)字元
- CSS class 類選擇器CSS
- 2022 最受歡迎的 CSS 偽類、偽元素分別是什麼CSS
- 偽類選擇器:愛恨法則;偽元素選擇器:before,after;清除浮動
- CSS中一些利用偽類、偽元素和相鄰元素選擇器的技巧CSS
- CSS E::first-line偽元素選擇器CSS
- css選擇器的分類CSS
- 為什麼說css的選擇器是從右向左匹配?CSS
- CSS E::before 偽元素選擇符CSS
- 前端筆記之HTML5&CSS3(中)選擇器&偽類偽元素&CSS3效果&漸變背景&過渡前端筆記HTMLCSSS3
- css3偽元素選擇器before 和 after 的使用CSSS3
- CSS選擇器CSS
- CSS選擇器種類及使用方法CSS
- css中class和id選擇器有什麼區別?CSS
- 什麼是站群伺服器? 如何選擇?伺服器
- 什麼是高防伺服器? 如何選擇?伺服器
- 為什麼偽類的content不能被選中?
- CSS選擇器(一)CSS