Changing the child div's font colors on parent hover

Question

I have a question and I am not sure if it is possible, but I thought I would try asking.

Say I had three div's:

<div id="parent_div">

   <div id="child_div_1">Blue</div>

   <div id="child_div_2">Red</div>

</div>

If all text inside parent_div is set to black, how would I make the child_div_1 and child_div_2 change font-color to blue and red respectively, when the parent div is hovered over?

Sorry if this is a bit confusing, but is there a way to do this preferably with CSS only?

Answer 1

#parent_div:hover #child_div_1 {
   color: blue;
}
#parent_div:hover #child_div_2 {
   color: red;
}