html - 如何在表格行上做条件 css？

Question

我有一个需要在 IE8 上工作的 CSS。所以我不能使用最后一个 child 。作为一个技巧，我使用

table#GridViewMemory tr:first-child + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td {
    display:table-cell;
}

显示表格的第 13 行。我的表只有两列

我只想显示第 13 行的原因是因为这是 aspx (vb.net) 中的 gridview，而第 13 行是分页(单击第 1 页第 2 页和...的链接)

问题是表格并不总是 12 行。在 gridview 的最后一页。它可以在 1 到 12 行之间的任何位置。

是否可以使用 css 进行检查...例如:

• 如果有 1 行则只显示第 2 行
• 如果有 2 行则只显示第 3 行
• 如果有 3 行则只显示第 4 行
• ...
• ...
• ...
• 如果有 12 行则只显示第 13 行

    <tbody><tr>
        <th scope="col"><a href="">Column1</a></th><th scope="col"><a href="">Column2</a></th>
    </tr><tr>
        <td>31424-1</td><td>1</td>
    </tr><tr>
        <td>31275-1</td><td>1</td>
    </tr><tr>
        <td>31226-9</td><td>1</td>
    </tr><tr>
        <td>30982-1</td><td>1</td>
    </tr><tr>
        <td>30936-5</td><td>1</td>
    </tr><tr>
        <td>30915-1</td><td>1</td>
    </tr><tr>
        <td>30674-4</td><td>1</td>
    </tr><tr>
        <td>31366-5</td><td>2</td>
    </tr><tr>
        <td>31353-2</td><td>2</td>
    </tr><tr>
        <td>31353-1</td><td>2</td>
    </tr><tr>
        <td>31305-1</td><td>2</td>
    </tr><tr>
        <td>31273-1</td><td>2</td>
    </tr><tr>
        <td colspan="2"><table>
            <tbody><tr>
                <td><span>1</span></td><td><a href="">2</a></td><td><a href="">3</a></td><td><a href="">4</a></td><td><a href="">5</a></td>
            </tr>
        </tbody></table></td>
    </tr>
</tbody>

我尝试使用此解决方案，但它只显示最后一个 td 单元格。但不是最后一行内的表格。有什么建议或意见吗？？谢谢

table#GridViewMemory tr td[colspan="2"] {
    display:table-cell;
}

Answer 1

这是不可能用现代和简单的方法。因为IE8至少是个垃圾浏览器。最好的方法是用 ASPX 在 lastchild 中设置一个类