16.2. CSS :visited 伪类

:visited -- CSS :visited 伪类,适用于已被用户访问过的链接
  • 语法: :visited
  • CSS版本:CSS1
  • 引用网址:http://www.dreamdu.com/css/pseudo-class_visited/
  • 说明:
    • 适用于已被用户访问过的链接
    • 用户终端(例如:浏览器)通常区别显示未访问的链接与已访问的链接,CSS提供伪类:link:visited用以区分两种状态的链接
    • 未访问链接与已访问链接是互斥的
  • visited,中文"已访问"的意思

语法

:visited
a:visited
a.class:visited

示例

a:visited
{
	color: green;
}

上面定义已经访问的链接样式为green

文档语言决定哪些元素是超链接的源链。例如,在HTML中,链接伪类适用于带有href属性的a元素。因此,下面的两个CSS声明是等价的

a:visited
{
	color: green;
}
:visited
{
	color: green;
}

猴子提示: 对于已经访问的链接,浏览器会记录访问的信息,查看下面示例前请先清空浏览器缓存的数据

CSS :visited 伪类示例 -- 可以尝试编辑

a.dreamdu:visited
{
	color:green;
}

上面示例只匹配class属性值为dreamdu的链接样式

CSS :visited 伪类示例 -- 可以尝试编辑

浏览器兼容性

CSS E:visited 伪类浏览器兼容性
选择符 IE6 IE7 IE8 IE9 FF CH OP SA
E:visited yes yes yes yes yes yes yes yes

参考



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都