title: Difference in CSS3 :hover selectors
body: <p>What is the difference between these two</p>
  
  <pre><code>footer:hover a{}
  </code></pre>
  
  <p>and</p>
  
  <pre><code>footer a:hover{}.
  </code></pre>
  
  <p>This has been causing a bit of confusion in our CSS3 class and the research I have done into it hasn't shed much light on it.</p>