CSS lighten child elements on parent mouseover

Question

here is my problem.
I have a div which contains two other divs: basically one for header, one for content.

I\'d like to lighten

Answer 1

You can use #div:hover, perhaps?

#parent_div:hover #child_div_1 { background-color: #333; }
#parent_div:hover #child_div_2 { background-color: #666; }