Specific links one colour, other links another

[ameslee]

hope someone can help me? how do you make specific links one colour and other links another. I have text links in my menu and other links on the page within the content, i want to change the colours of the links in the menu. How do i do this?

thanks

 

[BillyRayPreachersSon]

Assuming the menu container has an ID of "menu", you could do this:

a {
   /* colouring for generic links goes here */
}
#menu a {
   /* colouring for menu links goes here */
}

or, if your content container has an ID:

a {
   /* colouring for menu links goes here */
}
#content a {
   /* colouring for content links goes here */
}

Hope this helps,
Dan

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

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

[/tt]

 

[Vragabond]

The easiest way is to assign a class to one of the links. A better approach would be to assign specific styling for the links dependant on inside which element they lie in. This would involve using descendant selectors and the important advantage of that is that your html is a lot less cluttered this way. Your navigation will be in one container and your content in another. Based on that you can style your links like so:

#navigation a {
 ...
}

#content a {
 ...
}

 

[ameslee]

thanks everybody!