title: CSS Selectors - difference between and when to use ">", "+" or " "
body: <p>When using CSS, I can query elements in the following ways:</p>
  
  <pre><code>div &gt; .class  
  div .class 
  div + .class 
  </code></pre>
  
  <p>However I can't quite tell the exact difference between each of these <code>DOM</code> queries. Do they all point to child elements? I know that ">" and " " (space) do.</p>
  
  <p>But under what circumstances would I use each?</p>