Different CSS Links On The Same Page

[tomyknoker]

Hi All,

I have a sub-menu using links which I'm using this code for
a:link {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
}BUT my problem is I have other links on the page which I don't want to have these values I want them to have there own complete style... How can I do this?

[blm126]

http://www.tizag.com/cssT/class.php Hope that helps

[tomyknoker]

http://www.tizag.com/cssT/class.php Hope that helps
But how do I apply this to links? Don't they have to have the <a> tag?

[blm126]

It is the same conept, just change their demo to effect the a tag.

[mwinter]

I have a sub-menu using links which I'm using this code for
a:link {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
}BUT my problem is I have other links on the page which I don't want to have these values I want them to have there own complete style... How can I do this?
You need to introduce an ancestor into the selectors. That is, identify the submenu itself with either a class or id attribute (probably the former), and then prefix each rule with that class name. For example,



ul.menu a:link {
/* ... */
}



<ul class="menu">
<li><a href="/somewhere/">Somewhere</a></li>
<!-- ... -->

Mike