HTML链接问题

Question

您好，

我有几个使用滑动门的链接（a），当我访问其中一个链接时，文本的颜色会发生变化。使用firebug，我可以看到该链接具有以下样式：

#signInForm a:link, a:visited {
  color: #2277BB;
  text-decoration: none;
}

奇怪的是，<div id="SignInForm"></div>内部的链接不存在？这个问题在FireFox中显示，但不在IE8中显示。

请看看这里：http://jsfiddle.net/snowman/ecWzz/

为什么链接会有这种风格？

BestRegards

Answer 1

#signInForm a:link在signInForm div，a:visited选择所有 a:visited链接中选择未访问的链接。要将样式限制为仅使用a signInForm中的div元素：

#signInForm a:link, #signInForm a:visited {
     /* CSS */
}

Answer 2

你需要这个：

#signInForm a:link, #signInForm a:visited {
    ...

您的代码要求所有 a:visited拥有该样式。

Answer 3

, a:visited

逗号使其匹配任何链接