在线文档教程
CSS

:visited

:visited

:visitedCSS 伪类只选择已访问过的链接。

a:visited { color: #4b2f89; }

这种风格可以通过其他任何与链接相关的伪类中重写,即出现在后续规则中的:link:hover:active。为了设定合适的链接样式,您需要将:visited规则放在:link规则之后,且放在在LVHA顺序中定义的其他规则之前::link- :visited- :hover- :active

注:出于保护隐私的原因,浏览器的严格限制你可以为此伪类所选择出的元素应用的样式:只有colorbackground-colorborder-colorborder-bottom-colorborder-left-colorborder-right-colorborder-top-coloroutline-colorcolumn-rule-colorfillstroke。还要注意,alpha分量将被忽略:使用not-visited规则的alpha分量(除非不透明度opacity是0,在这种情况下,整个颜色被忽略,并且使用了未被访问的规则之一) 。

虽然颜色可以更改,但是方法getComputedStyle会说谎,并且总是归还未访问的颜色的价值。

想要了解有关于这些限制和为什么设置这些限制的更多信息,请参阅Privacy:visited selector

语法

:visited

实例

a:visited { color: #4b2f89; } a:visited { background-color: white }

规范

SpecificationStatusComment
HTML Living StandardThe definition of ':visited' in that specification.Living Standard
Selectors Level 4The definition of ':visited' in that specification.Working DraftNo change.
Selectors Level 3The definition of ':visited' in that specification.RecommendationNo change.
CSS Level 2 (Revision 1)The definition of ':visited' in that specification.RecommendationLift the restriction to only apply it for <a> element. Let browsers restricts its behavior for privacy reasons.
CSS Level 1The definition of ':visited' in that specification.RecommendationInitial definition.

浏览器兼容性

FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support1.0(Yes)1.0 (1.7 or earlier)3.53.51.0
Restrictions in CSS properties allowed in a statement using :visited6(Yes)4.0 (2.0)8 (or earlier)?5.0

FeatureAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support4.4(Yes)1.0 (1.0)11379.3