help with css link colors

[DataSpy]

Hello,
my problem is I want to make all links in my navigation menu one color and rest of the links on the page another color. The code that I use for the links on my page is:

a:link, a:visited, a:hover, a:active {
text-decoration: none;
color: #3300CC;
}

The code I have for my navigation menu is:

.nav {
height: 1px;
background-color: #8B8970;
font-size: medium;
font-family: Georgia, serif;
text-align: left;
line-height: 1.3em;
}

If I put color: #CCCCCC; inside the .nav class all it does is make the text that color not the links. I have ">>" seperating my links and those are the text that turn #CCCCCC and not the links themselves.

Any help greatly appretiated, thanx in advance!

 

[BillyRayPreachersSon]

Use:

.nav a:link, .nav a:visited, .nav a:hover, .nav a:active {
    color: #CCCCCC;
}

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Vragabond]

You should make use of descendant selectors. Your code would then look like:

a {
text-decoration: none;
color: #3300CC;
}

.nav {
height: 1px;
background-color: #8B8970;
font-size: medium;
font-family: Georgia, serif;
text-align: left;
line-height: 1.3em;
}
[b]
.nav a {
color: #ccc;
}
[/b]

 

[DataSpy]

Thanx for the help!