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

Question

这是我的jsfiddle链接：http://jsfiddle.net/93rvcobj/

我使用<table>创建了网页，我需要删除最后一列的border-right，即删除此表RV Roof Repair Box的右边界。

我试过这个

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

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

任何人都可以帮助我吗？提前谢谢。

Answer 1

<强> CSS

.columnsContainer:last-of-type .templateColumn{
    border-right:0px;
}

DEMO

Answer 2

你可以像这样删除边框：

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

您使用:last-child定位最后一列，并直接删除table子项中的边框。

Answer 3

像这样改变

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