如何从HtmlTable的一列中删除边框以及包围表中与之接触的部分？

我需要从htmltable的最后一列中删除边框线。我在表格的最后一列（td）上尝试了这一点：

<td class="nobordercell">Comments</td>

.nobordercell {
  border: none;
}

注释
nobordercell先生{
边界：无；
}

我还尝试了以下方法（边框塌陷：塌陷）：

. . .
评论
. . .
.中间桌{
宽度：99%；
浮动：左；
边界塌陷：塌陷；
}

边界唯一消失的边是底部。我意识到这是因为仍然显示的边框属于表格，而不是td，但我仍然需要知道如何从htmltable中仅在td的边框与其相交的部分删除边框（或者如果td的边框正在显示，则将相交）

这是它目前的样子：

…这就是我想要的样子：

---

一些简单的css和排列应该有助于实现这一技巧，包括一个JSFIDLE。此外，必须从HTML表格标记中删除边框：

.middletable{
    width:99%;
    float:left;
    border:none;
    border-collapse:collapse;
}

.bordercell{
    border:1px solid black;
}

.nobordercell {
  border: none;
}

<table class="middletable">
    <tr>
        <td name="airfaredate1Comments" id="airfaredate1Comments" class="bordercell">Comments</td>
                <td class="nobordercell">Comments</td>
    </tr>
        <tr>

        <td name="airfaredate1Comments" id="airfaredate1Comments" class="bordercell">Comments</td>
                    <td class="nobordercell">Comments</td>
    </tr>

        <tr>
        <td name="airfaredate1Comments" id="airfaredate1Comments" class="bordercell">Comments</td>
                    <td class="nobordercell">Comments</td>
    </tr>


</table>

.middletable{
宽度：99%；
浮动：左；
边界：无；
边界塌陷：塌陷；
}
.边界细胞{
边框：1px纯黑；
}
nobordercell先生{
边界：无；
}
评论
评论
评论
评论
评论
评论

---

一些简单的css和排列应该有助于实现这一技巧，包括一个JSFIDLE。此外，必须从HTML表格标记中删除边框：

.middletable{
    width:99%;
    float:left;
    border:none;
    border-collapse:collapse;
}

.bordercell{
    border:1px solid black;
}

.nobordercell {
  border: none;
}

<table class="middletable">
    <tr>
        <td name="airfaredate1Comments" id="airfaredate1Comments" class="bordercell">Comments</td>
                <td class="nobordercell">Comments</td>
    </tr>
        <tr>

        <td name="airfaredate1Comments" id="airfaredate1Comments" class="bordercell">Comments</td>
                    <td class="nobordercell">Comments</td>
    </tr>

        <tr>
        <td name="airfaredate1Comments" id="airfaredate1Comments" class="bordercell">Comments</td>
                    <td class="nobordercell">Comments</td>
    </tr>


</table>

.middletable{
宽度：99%；
浮动：左；
边界：无；
边界塌陷：塌陷；
}
.边界细胞{
边框：1px纯黑；
}
nobordercell先生{
边界：无；
}
评论
评论
评论
评论
评论
评论

---

您可以使用：最后一个子选择器：

table tr td:last-child {
border: none;
}

---

您可以使用：最后一个子选择器：

table tr td:last-child {
border: none;
}

---

您可以使用CSS3

：类型的最后一个

选择器

.middletable{
    width:99%;
    float:left;
    border-collapse:collapse;
}

.middletable td{
  border:1px solid black;
}

.middletable td:last-of-type{
    border:0px;
}

下面是HTML：

<table class="middletable">
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
<table>

A.
B
C

---

这里有一个JSFiddle来演示实际的代码：

您可以使用CSS3

：最后一个类型选择器

.middletable{
    width:99%;
    float:left;
    border-collapse:collapse;
}

.middletable td{
  border:1px solid black;
}

.middletable td:last-of-type{
    border:0px;
}

下面是HTML：

<table class="middletable">
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
<table>


A.
B
C

这里有一个JSFiddle来演示实际的代码：
它看起来像是您的
表
或
tr
本身有一个边框您在表中定义了一个边框1<代码>

，将其更改为0将删除表中的边框。我希望表中的边框通常为0；只是不在“列”上，它看起来像您的

表

或

tr

本身有边框您的表中定义了边框1<代码>，将其更改为0将删除表中的边框。我希望表中的边框通常为0；只是不在“专栏”上