title: Changing the child div's font colors on parent hover
body: <p>I have a question and I am not sure if it is possible, but I thought I would try asking.</p>
  
  <p>Say I had three div's:</p>
  
  <pre><code>&lt;div id="parent_div"&gt;
  
     &lt;div id="child_div_1"&gt;Blue&lt;/div&gt;
  
     &lt;div id="child_div_2"&gt;Red&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>If all text inside parent_div is set to black, how would I make the <code>child_div_1</code> and <code>child_div_2</code> change font-color to blue and red respectively, when the parent div is hovered over?</p>
  
  <p>Sorry if this is a bit confusing, but is there a way to do this preferably with CSS only?</p>