Question

我想删除最后一行表格的边框，使其看起来像 table在第二行本身完成。

我通过制作表格边框=＆＃39; 0＆＃39;在CSS中然后给border =＆＃39; 1＆＃39;对于除最后一行之外的每个tr。它在chrome和safari中完美运行，但在IE11中却没有。

有没有更好的方法可以在IE11中支持？

Answer 1

尝试使用:last-of-type suedo-selector。

table {
  border-collapse: collapse;
}
tr {
  border: 1px solid black;
}
#noEndBorder tr:last-of-type {
  border: 0;
}

<table>
  <tr>
    <td>one</td>
  </tr>
  <tr>
    <td>two</td>
  </tr>
  <tr>
    <td>three</td>
  </tr>
  <tr>
    <td>four</td>
  </tr>
</table>
<br>
<br>
<table id="noEndBorder">
  <tr>
    <td>one</td>
  </tr>
  <tr>
    <td>two</td>
  </tr>
  <tr>
    <td>three</td>
  </tr>
  <tr>
    <td>four</td>
  </tr>
</table>

修改更新了代码以反映多个表，但最后只有一个表没有显示边框。

https://jsfiddle.net/venLzgq5/1/

如何删除表格最后一行的边框

1 个答案: