Links In External CSS

I am trying to make links in a list change colour and stuff but how do I do that?

This is what I found on doing it but it don't seem to work.

a:link {color: #FF0000}     /* unvisited link */
a:visited {color: #00FF00}  /* visited link */
a:hover {color: #FF00FF}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */

Code (markup):

How do I put that in this which is an external CSS?

#menu li a {
}

Code (markup):

 

#selector a{
color: #FFFFFF;
text-decoration: underline;
}

#selector a:hover{
color: #333333;
text-decoration: none;
}

Code (markup):

In the code above, all links inside an tag with id='selector' will be white with an underline. When you hover your mouse over them, they will turn grey and have no underline.

You can do a lot more with the code, but that'll get you the concepts.

 

Awsome, thanks, I got the idea how it works now.

Thanks again buddy!