Hello,

Is there anyway i can set for example the hover per div?

e.g. i have a 'menu' div in where i want a green hover, and in my 'content' div i want a blue hover.

Is this possible?

Thanks

Sure..

#content a:hover{
color: blue;
}

#menu a:hover{
color: green;
}

* tut *

LNR, you forgot the background-color or background property on BOTH of those examples. That would get you two warnings from the W3C.

And someone FINALLY nailed LNR on a CSS issue! YEAH! YEAH! FO-LEY! FO-LEY! FO-LEY!

(So that makes her right on 999999 issues, half-right on 1.)

I'm just messin' with ya.

Yes, you get a warning.. but on that one I'm rarely concerned about it. If my background color on the body or wrapper is dark enough to still see my text, I don't bother with it. The warning is one that has been much debated too.

I was, however, being very brief.. and pointing out just the relevant code

Originally Posted by LadynRed

Sure..

#content a:hover{
color: blue;
}

#menu a:hover{
color: green;
}

Thanks that does the job well, however if i want to make a:link a:active etc. then i have to do that for each div? Isn't there a way i can set them all like:

#menu a:link a:active a:hover
{
link color: blabla;
active color: yellow;
hover color: green;
}

Ofcourse that doesn't work but you get the point (i hope heh).

There are no such selectors as active color or hover color - you can't make up your own.

Yes, you will have to define the css for each div since you want them to be different.