Question

我想从border表的最后一列中删除css和HTML，并将其显示为好像最后一列不属于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

我已经创建了demo，这是你看的吗？

head

<强> Demo

Answer 2

我刚刚更改了你的css中的两条规则：

td:not(:last-child), th:not(:last-child) { /* I just added ':not(:last-child)' here */
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) td:not(:last-child) { /* And here */
    background-color: #dddddd;
}

我还建议您将html中的图片选择从<img></img>更改为<img>，因为＆＃34; The tag is empty, it contains attributes only, and does not have a closing tag.＆＃34;。

Here is my live example

Answer 3

试试这个...来调整最后一列。

-exec sh -c

另外，要删除其他CSS，#myTable tbody > tr > td:last-child { border: 0; // any other options needed. }的任何css都应设置样式...

td

从表的最后一列删除border和css

3 个答案: