CSS link color not working

Question

I am trying to change the link color of one of my tab buttons but its not working. Its strange because all the other attributes under the same curly braces are working just fine but the attribute clor:#FFFAFA is not working. I have set it against a #778899 background so that the former's snow-white color is visible.

Here's the code.

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

it is always purple and never changes

Here is the code where I implement it

 <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

Well this should be working, but it is probably overwritten by your browser with a default "visited" link color. Change your CSS to:

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