Html 如何删除css中最后一列的边框？

以下是我的JSFIDLE链接：

我已经使用

创建了网页，我需要删除最后一列的右边框，即删除此表RV车顶维修箱的右边框

我试过这样做

table.templateContainer>table:nth-child(3n){
        border:none;
    }

但它不起作用，我可以知道，如何解决这个问题吗

有人能帮我吗？提前感谢。

CSS

CSS

---

您可以这样删除边框：

.columnsContainer:last-child > table {
    border-right: 0;
}

---

您可以使用

：last child以最后一列为目标，并直接在
表
child中删除边框。
您可以这样删除边框：

.columnsContainer:last-child > table {
    border-right: 0;
}

使用
：last child以最后一列为目标，并直接删除
表中的边框

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

像这样改变

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

正如一个建议：您的标记不必要地复杂，可以用更简单、更具语义的代码替换它，这就是我发布这个问题的原因。。感谢如果您仍然不想更改html结构，请使用以下css:
table.templateContainer tr td.columnsContainer:last child table.templateColumn{border right:none；}
非常感谢您的所有评论：）正如一个建议：您的标记不必要地复杂，可以用更简单、更具语义的代码替换它，这就是我发布此问题的原因。。谢谢如果你仍然不想改变html结构，那么就使用下面的css:
table.templateContainer tr td.columnsContainer:last child table.templateColumn{border right:none；}
非常感谢你的评论：）谢谢你的回答，这是我的另一个fiddle链接，在同一页上。请问，如何在徽标图像旁边显示此文本“环保保护涂层”？谢谢。@selva如果改变HTML会是k的。我需要这样的。。你能帮忙吗？谢谢@Kawinesh SK:你添加了css吗？在你的fiddle链接中？以问题@selva的形式提问，我会说清楚答案，我无法在评论中解释清楚。谢谢你的回答，这是我的另一个fiddle链接，在同一页中。请问，如何在徽标图像旁边显示此文本“环保保护涂层”？谢谢。@selva如果改变HTML会是k的。我需要这样的。。你能帮忙吗？谢谢@Kawinesh SK:你添加了css吗？在你的小提琴链接中？以问题的形式提问@selva我会清楚地说出答案，我无法在评论中解释清楚。