title: css selector span:first-child issue
body: <p>I have a div. Inside that div I have a table with 2 rows. In the second row I have a single td. In that td I have first a img, than a span, than another span, and finally another img. I would like to select through css the first span and give it a red color. Here below my code. Unfortunately it is not working. Hope someone can help. Thank you in advance for your replies. Cheers. Marc. By the way, the html structure might look stupid. I agree. I just simplified to ease the lecture. So no need to comment the code.</p>
  
  <p><a href="http://cssdesk.com/sVKXg" rel="noreferrer">http://cssdesk.com/sVKXg</a></p>
  
  <pre><code>&lt;div id="myDiv"&gt;
    &lt;table cellspacing="0"&gt;
  
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;span&gt;Some text&lt;/span&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;img src="img/quotes-open.png" alt="" /&gt;
                  &lt;span&gt;span1&lt;/span&gt;
                  &lt;span&gt;span2&lt;/span&gt;
                  &lt;img src="img/quotes-close.png" alt="" /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  
    &lt;/table&gt;   
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>#myDiv tr:nth-child(2) span:first-child{
    color:red;}
  </code></pre>