CSS入門基礎教程：CSS偽類(pseudo-class)

2020-03-24 17:28:08

字體：大中小

來源：轉載

供稿：網友

錨(a)偽類是最常用的偽類。例句如下：a:link {color: #FF0000} /* 未被訪問的鏈接紅色 */
a:visited {color: #00FF00} /* 已被訪問過的鏈接綠色 */
a:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接橙色 */
a:active {color: #0000FF} /* 鼠標點中激活鏈接藍色 */ 示例： html
head
title CSS偽類 pseudo-class /title
style type="text/css"
a:link {color: #FF0000} /* 未被訪問的鏈接紅色 */
a:visited {color: #00FF00} /* 已被訪問過的鏈接綠色 */
a:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接橙色 */
a:active {color: #0000FF} /* 鼠標點中激活鏈接藍色 */
/style
/head body a 站長站站長書庫網站 - 網頁教程與代碼的中文站點 /a /body
/html 也可以用HTML的class屬性來設定偽類。例句如下：a.c1:link {color: #FF0000} /* 未被訪問的鏈接紅色 */
a.c1:visited {color: #00FF00} /* 已被訪問過的鏈接綠色 */
a.c1:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接橙色 */
a.c1:active {color: #0000FF} /* 鼠標點中激活鏈接藍色 */
示例： html
head
title CSS偽類 pseudo-class /title
style type="text/css"
a.c1:link {color: #FF0000} /* 未被訪問的鏈接紅色 */
a.c1:visited {color: #00FF00} /* 已被訪問過的鏈接綠色 */
a.c1:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接橙色 */
a.c1:active {color: #0000FF} /* 鼠標點中激活鏈接藍色 */
/style
/head body p a class = "c1" 站長站站長書庫網站 - 網頁教程與代碼的中文站點 /a /p p a 魔獸世界中的可愛玩家 /a /p /body
/html 注：由于CSS優先級的關系(后面比前面的優先級高)，在寫a的CSS時，一定要按照a:link， a:visited， a:hover， a:actived的順序書寫。html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：CSS3屬性box-shadow詳解

下一篇：用CSS屬性選擇器控制鏈接樣式