title: how to do conditional css on table row?
body: <p>I have a css that I need to work on IE8. So I cannot use last-child. 
  As a trick I use </p>
  
  <pre class="lang-css prettyprint-override"><code>table#GridViewMemory tr:first-child + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td {
      display:table-cell;
  }
  </code></pre>
  
  <p>to show the 13th row of a table.
  my table only have two columns</p>
  
  <p>the reason I only want to show the 13th row is because this is a gridview in aspx (vb.net) and the 13th row is the pagination (a link to click page 1 page 2 page 3  and ...)</p>
  
  <p>the problem is the table is not always 12 row. on the last page of the gridview. it could be anywhere between 1 to 12 row. </p>
  
  <p>is it possible to check this using css .. for example:</p>
  
  <ul>
  <li>if 1 row then show 2nd row only</li>
  <li>if 2 row then show 3rd row only</li>
  <li>if 3 row then show 4rd row only</li>
  <li>... </li>
  <li>... </li>
  <li>... </li>
  <li>if 12 row then show 13th row only</li>
  </ul>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;tbody&gt;&lt;tr&gt;
          &lt;th scope="col"&gt;&lt;a href=""&gt;Column1&lt;/a&gt;&lt;/th&gt;&lt;th scope="col"&gt;&lt;a href=""&gt;Column2&lt;/a&gt;&lt;/th&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;31424-1&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;31275-1&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;31226-9&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;30982-1&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;30936-5&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;30915-1&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;30674-4&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;31366-5&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;31353-2&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;31353-1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;31305-1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td&gt;31273-1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td colspan="2"&gt;&lt;table&gt;
              &lt;tbody&gt;&lt;tr&gt;
                  &lt;td&gt;&lt;span&gt;1&lt;/span&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=""&gt;2&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=""&gt;3&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=""&gt;4&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=""&gt;5&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;&lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>I tried using this solution but it only shows the last td cell . but not the table inside the last row. Any suggestions or comments?? Thanks</p>
  
  <pre class="lang-css prettyprint-override"><code>table#GridViewMemory tr td[colspan="2"] {
      display:table-cell;
  }
  </code></pre>