title: CSS of specific table row
body: <p>I have a table as this one:</p>
  
  <pre><code>&lt;table id="someID"&gt;
  &lt;tr&gt;&lt;td&gt;example text&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;example text&lt;/td&gt;&lt;td&gt;example text&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;example text&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;example text&lt;/td&gt;&lt;td&gt;example text&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And I want to hide the second and the third row in the table using only CSS. This table is predefined so I cannot use id or class tags to specify which row to style, I'm looking for some solution that targets the specific rows.</p>
  
  <p>If this can be done with CSS can someone tell me how to do this. </p>