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 伪类
