html - 从表的最后一列中删除边框和 css

Question

我想从 HTML 表的最后一列中删除 border 和 css 并显示为好像最后一列不是仅限 table 并且表格在倒数第二列结束。

实际需求:在行中有错误的地方显示错误图像。

请找到我一直在尝试的以下代码:

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}
tr:nth-child(even) {
    background-color: #dddddd;
}
#myTable tbody > tr:last-child > td {
  border: 0;
}

<table id="myTable">
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>abc</td>
    <td>ffff</td>
    <td>Germany</td>
     <td><img src="smiley.gif" alt="Smiley face" width="42" height="42"></img></td>
  </tr>
  <tr>
    <td>abac</td>
    <td>dddd</td>
    <td>Mexico</td>
     <td><img src="smiley.gif" alt="Smiley face" width="42" height="42"></img></td>
  </tr>
  <tr>
    <td>abcd</td>
    <td>fdfd</td>
    <td>Austria</td>
     <td><img src="smiley.gif" alt="Smiley face" width="42" height="42"></img></td>
  </tr>
  <tr>
    <td>abcde</td>
    <td>dddd</td>
    <td>UK</td>
     <td><img src="smiley.gif" alt="Smiley face" width="42" height="42"></img></td>
  </tr>
  <tr>
    <td>dert</td>
    <td>bbbb</td>
    <td>Canada</td>
     <td><img src="smiley.gif" alt="Smiley face" width="42" height="42"></img></td>
  </tr>
  <tr>
    <td>asd</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
     <td><img src="smiley.gif" alt="Smiley face" width="42" height="42"></img></td>
  </tr>
</table>

Answer 1

我已经创建了演示，这就是你想要的吗？

  td:last-child {
  border :none;
  background-color: #ffffff;
}

Demo