title: CSS Selectors - Selecting a specific child element
body: <p>Here is my code snippet:</p>
  
  <pre><code>&lt;div class="totals"&gt;
          &lt;table id="shopping-cart-totals-table"&gt;
      &lt;col /&gt;
      &lt;col width="1" /&gt;
      &lt;tfoot&gt;
          &lt;tr&gt;
      &lt;td style="" class="a-right" colspan="1"&gt;
  
          &lt;strong&gt;Grand Total&lt;/strong&gt;
      &lt;/td&gt;
      &lt;td style="" class="a-right"&gt;
          &lt;strong&gt;&lt;span class="price"&gt;$364.99&lt;/span&gt;&lt;/strong&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
      &lt;/tfoot&gt;
      &lt;tbody&gt;
  
          &lt;tr&gt;
      &lt;td style="" class="a-right" colspan="1"&gt;
          Subtotal    &lt;/td&gt;
      &lt;td style="" class="a-right"&gt;
          &lt;span class="price"&gt;$354.99&lt;/span&gt;    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td style="" class="a-right" colspan="1"&gt;
  
          Shipping &amp; Handling (Flat Rate - Fixed)    &lt;/td&gt;
      &lt;td style="" class="a-right"&gt;
          &lt;span class="price"&gt;$10.00&lt;/span&gt;    &lt;/td&gt;
  &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Is there a way to select the span displaying "$10.00"?  Perhaps selecting the 2nd occurrence of an element?  I.E.: The second time ".totals table tbody tr td[colspan='']" occurs?</p>