我有一个需要在 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;
}
最佳答案
这是不可能用现代和简单的方法。因为IE8至少是个垃圾浏览器。最好的方法是用 ASPX 在 lastchild 中设置一个类
关于html - 如何在表格行上做条件 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21387607/