Visited 选择器的使用限制

尝试给访问过的链接添加样式,结果遇到了问题,代码如下:

<a id="link" href="#">link</a>
#link:before {
  content: "+";
}
#link:visited:before {
  content: "-" !important;
}

链接被点击后,只有 Opera 浏览器正常显示替换后的内容,其他浏览器全部失败。百思不得其解,提问后才知道,:visited 使用是有限制的:只能变化 color, background-color, border-*-color, outline-color, 以及 column-rule-color 等与颜色有关的属性,不可以改变其他属性。content 不在这个范围内,自然不能工作了( Opera 是不是太超前了,呵呵)。

相关文章: