CSS :visited 选择器
更多“亲自试一试”示例在下方。
定义和用法
:visited
提示： 使用 :link 选择器为未访问页面的链接设置样式，使用 :hover 选择器在鼠标悬停在链接上时设置样式，以及使用 :active 选择器在点击链接时设置样式。
由于安全问题，浏览器限制了可以为 a:visited 链接设置的样式。
允许的样式包括
- color
- background-color
- border-color（以及各个边的 border-color）
- outline color
- column-rule-color
- fill 和 stroke 的颜色部分
所有其他样式都继承自 a:link。
| 版本 | CSS1 |
|---|
浏览器支持
表中的数字指定了完全支持该选择器的第一个浏览器版本。
| 选择器 | |||||
|---|---|---|---|---|---|
| :visited | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS 语法
:visited {
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 伪类
