title: css selector for first row in a table
body: <p>I need a css selector for first <code>&lt;tr&gt;</code> in a <code>&lt;table&gt;</code>.</p>
  
  <p>I had searched on the internet and got some selectors like <code>tr:first-child</code> <code>table *:first-child tr:first-child, table tr:first-child</code>. But they do not works on my situation...</p>
  
  <p>Here is a piece of HTML code which need to handle:</p>
  
  <pre><code>&lt;table&gt;
    &lt;thead&gt;
      &lt;tr&gt;&lt;th&gt;you should chose this row&lt;/th&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;th&gt;not this one&lt;/th&gt;&lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;&lt;td&gt;not this one&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  
  
  &lt;table&gt;
    &lt;colgroup&gt;
      &lt;col&gt;&lt;/col&gt;
    &lt;/colgroup&gt;
    &lt;thead&gt;
      &lt;tr&gt;&lt;th&gt;you should chose this row&lt;/th&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;th&gt;not this one&lt;/th&gt;&lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;&lt;td&gt;not this line&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  
  
  &lt;table&gt;
    &lt;colgroup&gt;
      &lt;col&gt;&lt;/col&gt;
    &lt;/colgroup&gt;
    &lt;tbody&gt;
      &lt;tr&gt;&lt;td&gt;you should chose this row&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;th&gt;not this one&lt;/th&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>(prefer a solution without javascript)</p>