Changing individual link colors

Question

I am making a website where I want a certain link to display in red while the other links stay white. I went into the page properties to set the link colors, but I cannot figure out how to individually change the colors for certain links. When I changed the link color properties, it does so for all the links. Is this possible to set individual link colors, and how would I go about doing it? Thank you.

Answer 1

Let's say you want to have red links in your #header and green links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red}        /**unvisited**/
#header a:visited {color:gray}  /**visited**/
#header a:hover,                   /**on mouse over**/
#header a:active,                  /**on click**/
#header a:focus                   /**on tab key/active in IE**/
{text-decoration:underline}
#footer a {text-decoration:none}
#footer a:link {color:green}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus 
{text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div  id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb