title: First child TD of a table class
body: <p>I would like to apply some styling only to the first TD of a TABLE with a specific class.
  I am using:</p>
  
  <pre><code>.class td:first-child {
      background-color: red;
  }
  </code></pre>
  
  <p>But If there are nested TD they get styled too.</p>
  
  <p>How can I apply this only to the first TD?</p>
  
  <p><a href="http://jsfiddle.net/Sb2w4/39/" rel="nofollow">See JSfiddle here</a> (I would like test1 to get red, but not test4) </p>