title: How to set CSS hover effect, on parent and child elements
body: <p>Let's say i have the following code:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
    &lt;div class="title"&gt;&lt;/div&gt;
    &lt;div&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="wrapper"&gt;
    &lt;div class="title"&gt;&lt;/div&gt;
    &lt;div&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="wrapper"&gt;
    &lt;div class="title"&gt;&lt;/div&gt;
    &lt;div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>On hover for a <em>wrapper</em> I want it's child <em>title</em> div to change it's background color.
  Can I do this in pure css. In js I know how to do it. I'm interested if a pure CSS method exists for this?</p>
  
  <p>Thanks</p>