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

  #div:hover #div1{
     color:#lightercolor;
  }
  #div:hover #div2{
     color:#lightercolor;
  }