CSS E:hover偽類選擇器
設定元素在滑鼠懸停時的樣式。
更多內容可以參閱CSS 連結一章節。
特別說明:此選擇器不僅在連結A元素上生效,在所有元素都是有效的。
語法結構:
[CSS] 純文字檢視 複製程式碼E:hover{ Rules }
瀏覽器支援:
(1).IE瀏覽器支援此選擇符。
(2).edge瀏覽器支援此選擇符。
(3).谷歌瀏覽器支援此選擇符。
(4).火狐瀏覽器支援此選擇符。
(5).opera瀏覽器支援此選擇符。
(6).safria瀏覽器支援此選擇符。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> a:hover{ color:#F60; } </style> </head> <body> <ul> <li><a href="#">螞蟻部落一</a></li> <li><a href="#">螞蟻部落二</a></li> <li><a href="#">螞蟻部落三</a></li> <li><a href="#">螞蟻部落四</a></li> </ul> </body> </html>
設定當滑鼠懸浮連結時,連結文字的顏色。
相關文章
- CSS E:hover 偽類選擇器CSS
- CSS E:default 偽類選擇器CSS
- CSS E:disabled偽類選擇器CSS
- CSS E:disabled 偽類選擇器CSS
- CSS E:checked 偽類選擇器CSS
- CSS E:lang()偽類選擇符CSS
- CSS 偽類選擇器CSS
- CSS E::after 偽元素選擇器CSS
- CSS偽類與偽元素選擇器區別CSS
- CSS3新增選擇器(屬性選擇器、結構偽類選擇器、偽元素選擇器)CSSS3
- CSS E::first-line偽元素選擇器CSS
- CSS :focus-within 偽類選擇器CSS
- CSS偽類選擇器是什麼CSS
- CSS @page:left列印偽類選擇器CSS
- CSS @page:first列印偽類選擇器CSS
- css偽類選擇符CSS
- CSS樣式中的通用選擇器和偽類選擇器CSS
- CSS @page:right列印偽類選擇器CSS
- CSS的總結(選擇器,偽類等…)CSS
- CSS E::before 偽元素選擇符CSS
- HTML表單及CSS選擇器、偽類和偽元素HTMLCSS
- 徹底理解CSS結構偽類選擇器CSS
- CSS 連結偽類選擇器順序原理CSS
- css :target偽類選擇器簡單介紹CSS
- CSS E:enabled 選擇器CSS
- CSS E:focus 選擇器CSS
- CSS E,F 選擇器CSS
- CSS E[att]選擇器CSS
- CSS E:active 選擇器CSS
- CSS選擇器(6)——偽元素CSS
- CSS3 相鄰兄弟選擇器 hoverCSSS3
- CSS E[att*="val"]選擇器CSS
- CSS E~F 兄弟選擇器CSS
- CSS E:link 選擇器CSS
- CSS E:visited 選擇器CSS
- CSS E[att$="val"] 選擇器CSS
- CSS E F 包含選擇器CSS
- CSS E[att|="val"]選擇器CSS