CSS :link 偽類
更多“自己嘗試”的例子見下文。
定義和用法
:link 偽類用於選擇和設定未訪問連結的樣式。
注意：:link 偽類不會對已經訪問過的連結設定樣式。
提示：使用 :visited 來設定已訪問頁面的連結樣式，使用 :hover 來設定滑鼠懸停在連結上時的樣式，使用 :active 來設定點選連結時的樣式。
注意：為了使其生效，:link 必須在 CSS 定義中位於 :hover（如果存在）之前！
| 版本 | CSS1 |
|---|
瀏覽器支援
表中數字表示該偽類完全支援的第一個瀏覽器版本。
| 偽類 | |||||
|---|---|---|---|---|---|
| :link | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS 語法
:link {
css 宣告;
}
更多示例
示例
選擇未訪問、已訪問、滑鼠懸停和活動連結並設定不同樣式
/* 未訪問的連結 */
a:link {
color: green;
}
/* 已訪問的連結 */
a:visited {
color: green;
}
/* 滑鼠懸停在連結上 */
a:hover {
color: red;
}
/* 選中的連結 */
a:active {
color: yellow;
}
自己動手試一試 »
示例
用不同的樣式設定連結的樣式
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
自己動手試一試 »
相關頁面
CSS 教程：CSS 連結
CSS 教程：CSS 偽類
