title: How to select the first occurance of a class in all elements with CSS
body: <p>How can I select the first tds with notpassed class in this example:</p>
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td class=&quot;passed&quot;&gt;1&lt;/td&gt;
          &lt;td class=&quot;passed&quot;&gt;2&lt;/td&gt;
          &lt;td class=&quot;passed&quot;&gt;3&lt;/td&gt;
          &lt;td class=&quot;notpassed&quot;&gt;4&lt;/td&gt;
          &lt;td class=&quot;notpassed&quot;&gt;5&lt;/td&gt;
          &lt;td class=&quot;notpassed&quot;&gt;6&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class=&quot;passed&quot;&gt;04:47&lt;/td&gt;
          &lt;td class=&quot;passed&quot;&gt;06:22&lt;/td&gt;
          &lt;td class=&quot;passed&quot;&gt;13:15&lt;/td&gt;
          &lt;td class=&quot;notpassed&quot;&gt;20:07&lt;/td&gt;
          &lt;td class=&quot;notpassed&quot;&gt;20:27&lt;/td&gt;
          &lt;td class=&quot;notpassed&quot;&gt;00:27&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  <p>tr .notpassed:first-child is not working...</p>