CSS to border <tr> 在 Internet Explorer 中完全不能正常工作

Question

我正在使用以下 CSS 为 <tr> 加边框完全。

<style type="text/css">
    tr.top td { border-top: thin solid black; }
    tr.bottom td { border-bottom: thin solid black; }
    tr.row td:first-child { border-left: thin solid black; }
    tr.row td:last-child { border-right: thin solid black; }
</style>

它在 Mozilla Firefox 中完美运行，但在 Internet Explorer 中，它不与最后右边的边界 <td>如以下快照所示。

在 Firefox 中，它显示下表。

但是在 Internet Explorer(8) 中，它显示的表格如下。

表示在上面的CSS中，这个CSS类tr.row td:last-child { border-right: thin solid black; }在 IE 中不起作用。解决这个问题的方法是什么？我正在使用 IE 8。

Answer 1

IE 8 不支持 :last-child 伪类 (CSS 3)，但它支持 :first-child (CSS 2.1)

CSS Compatibility and Internet Explorer

最后一个单元格需要一个不同的选择器，例如自定义类名。