title: Better solution for changing children color on parent hover
body: <p>Is there very better one line crossbrowser solution to change children text colour via css?<br>
  Need to make all text red on hover div<br>
  <br>
  html:<br></p>
  
  <pre><code>&lt;div&gt;&lt;span class="gray"&gt;I'm a lion!&lt;/span&gt;&lt;span&gt;Arrrrr!!!&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p><br>
  css:<br></p>
  
  <pre><code>div {color:black};
  .gray {color:gray;}
  div:hover {color:red;}
  </code></pre>
  
  <p><br>
  I thought only this<br></p>
  
  <pre><code>div:hover, div:hover .gray {color:red;}
  </code></pre>