CSS :visited 选择器
更多“自己尝试”的例子见下文。
定义和用法
:visited
选择器用于选择已访问的链接。
提示: 使用 :link
选择器为未访问页面的链接设置样式,使用 :hover
选择器为鼠标悬停在链接上时设置样式,以及使用 :active
选择器为单击链接时设置样式。
出于安全原因,浏览器对 :visited
链接可以设置的样式有限制。
允许的样式有
- color
- background-color
- border-color(以及单独边的 border-color)
- outline 颜色
- 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 伪类