I have put a CSS rule for my links, but I do not want all of my links to follow this rule so I created a "class" rule for these links and It did not seem to work. Just wondering if this is the right thing to do or what else I should do.

Code:
A:link  {
  font-size:16px;
  color:#404040; 
  text-decoration:none;
}

A:visited  {
  font-size:16px;
  color:#404040; 
  text-decoration:none;
}

A:active  {
  font-size:16px;
  color:#404040;
  text-decoration:none;
  background-color:#888888;
}

A:hover  {
  font-size:16px;
  color:#404040;
  text-decoration:underline;
}
Code:
a.underlined  {
  text-decoration:underlined;
}

<a href="#" class="underlined">#</a>