Question

I have menu bar constructed from “li” and “a” inside.
In css I’m trying to make some color changes when I move mouse over “li” tag.
if I wright some different background it changes it. but I also want to change the text color of a tag at the same time.
I write color: something…. but because of “a” tag is not at the border of “li” tag but a bit inside, u need to move mouse little bit inside the button to change the color of “a” tag.

So when “li” hover event is triggered how can I change “a” color also ? Only using css and nothing else.

Answer 1

Simply:

li:hover a {
    color: black;
}

Of course that does not work in IE6.