make hover on item change text colour too… CSS trick?

Question

I have some menu bars, and at the moment, the Background changes to black when hovering over an

 
content

and the text

Answer 1

I'd recommend making the hover work on the 'A' elements instead of the LI elements.

In order to make the LI elements flly clickable you need to set the 'A' element within it to display:block (or inline-block) as 'A' tags are display:inline by default.

SO...

 
My Link


ul li a {
 display:block;
}

ul li a:hover, ul li a:focus {
 color:red;
}