Multiple hover effect variation

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
ljCharlie
Forum Contributor
Posts: 289
Joined: Wed May 19, 2004 8:23 am

Multiple hover effect variation

Post by ljCharlie »

I have the following styles already declared on my CSS file.

A:link { color: #000066; text-decoration: underline; }
A:visited { color: #000066; text-decoration: underline; }
A:hover { color: #990000; text-decoration: underline; }
A:active { color: #000066; text-decoration: underline; }

My question is, is it possible to have more than one variation of the link, visited, hover, and active effect? For example, maybe the link "Home" I want to use the hover color of #990000 but on the link "Contact", I want to use the color #FFFFFF or some other color. How do I accomplish this?

Any help is grateful!

ljCharlie
User avatar
John Cartwright
Site Admin
Posts: 11470
Joined: Tue Dec 23, 2003 2:10 am
Location: Toronto
Contact:

Post by John Cartwright »

Wrong forum, and yes it is.

a.linkclass1:hover
{
color: white;
text-decoration: none;
}

a.linkclass2:hover
{
color: white;
text-decoration: none;
}
ljCharlie
Forum Contributor
Posts: 289
Joined: Wed May 19, 2004 8:23 am

Post by ljCharlie »

Many thanks for the help.

Sorry, I just realized that and try to delete the post but you are kind enough to already replied to my post.

Thanks!

ljCharlie
Post Reply