title: Why doesn't table > tr > td work when using the child selector?
body: <p>I can't really get why the following selector works as expected (i.e. get the <code>td</code>):</p>
  
  <pre><code>table tr td
  </code></pre>
  
  <p>but this one doesn't:</p>
  
  <pre><code>table &gt; tr &gt; td
  </code></pre>
  
  <p>The <code>td</code> is a descendant of <code>tr</code>, which in turn is a descendant of <code>table</code>, but they are also children of each other. Therefore, I thought that the <code>&gt;</code> selector would work too.</p>
  
  <p>I made two fiddles:</p>
  
  <ol>
  <li>Child: <a href="http://jsfiddle.net/brLee/" rel="noreferrer">http://jsfiddle.net/brLee/</a></li>
  <li>Descendant: <a href="http://jsfiddle.net/brLee/1/" rel="noreferrer">http://jsfiddle.net/brLee/1/</a></li>
  </ol>
  
  <p>Why isn't the <code>&gt;</code> selector working here?</p>