title: Change body bgcolor on hovering a div, using CSS only
body: <p>I want that when I hover an element(a box made with css), the <code>background color</code> of the body changes from one color to another, for example white to red. The problem is that this should be done using css only and no javascript. And if javascript has to be neccesarily be used, then the color should change back to the previous one on mouse out.</p>
  
  <p>---------------EDIT---------------</p>
  
  <p>Actually I was trying this:</p>
  
  <pre><code>body{backgroung: #000;}
  #div{some properties}
  body #div:hover{background: #fff;}
  </code></pre>