CSS链接颜色不起作用

Question

我正在尝试更改其中一个标签按钮的链接颜色,但它无法正常工作.它很奇怪,因为在同一个花括号下的所有其他属性工作得很好,但属性clor:#FFFAFA不起作用.我把它设置在#778899背景上,以便可以看到前者的雪白色.

这是代码.

a:link
{
 color:#FFFAFA;
 text-decoration:none;
 background-color:#778899   
}

它永远是紫色的,永远不会改变

这是我实现它的代码

 <dl class="profileTab">

  <dd class="profileTabContents"><a href="edit.php">Personal Infomration</a></dd>

  <dd class="profileTabContents"><a href="education.php">Education, Employment & Activities</a></dd>

  <dd class="profileTabContents"><a href="sports.php">Sports & Athletics</a></dd>

  <dd class="profileTabContents"><a href="entertainment.php">Entertainment & Attractions</a></dd>

  <dd class="profileTabContents"><a href="philoSociety.php">Philosophy & Society</a></dd>

</dl>

Answer 1

这应该是有效的,但它可能会被您的浏览器覆盖.做了:

a, a:link, a:visited {
  color: #FFFAFA;
  text-decoration: none;
  background-color: #778899;
}

Answer 2

可能是因为访问了链接.

http://www.w3schools.com/css/css_link.asp

a:link {color:#FFFAFA;}      /* unvisited link */
a:visited {color:#FFFAFA;}  /* visited link */
a:hover {color:#FFFAFA;}  /* mouse over link */
a:active {color:#FFFAFA;}  /* selected link */

Answer 3

为我工作 - http://jsfiddle.net/ZS2Vn/

该颜色太淡，无法注意到页面白色背景的变化。尝试设置稍深的前景色。

color: #EFEAEA;或者color: #DFDADA;

当然，就像其他人回答的那样，您也应该有用于访问、活动和悬停的伪选择器。