title: Change background color of child div on hover of parent div?
body: <p>I want to change the background color of child div on hover of the parent div. Currently, I am able to change the color but only on hover on child div. However, I want to change the color on hover of parent div as well.</p>
  
  <pre><code>&lt;div class="content"&gt;
  &lt;div class="logo"&gt;Button&lt;/div&gt; 
  &lt;/div&gt;
  
  &lt;style&gt;
  .content {
  position:relative;
  margin:0 auto;
  width:300px; height:250px;
  background-color:blue;
  overflow: hidden;
  }
  
  .logo {
  margin:50px auto;
  background:yellow;
  text-align:center;
  }
  
  .logo:hover {
  background: red;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>See this: <a href="http://jsfiddle.net/bCkpb/10/" rel="nofollow noreferrer">http://jsfiddle.net/bCkpb/10/</a></p>