从表格中的第一个TD删除边框

Question

我目前的表格如下：

我想从前两个TD / TH中删除边框，使其看起来像这样：

（在Paint中修改了第二张图片以显示我想要实现的内容）

我目前使用的唯一造型是：

table 
{ 
    border-collapse:collapse; 
}

因为没有它，我的表看起来非常糟糕：

有谁知道如何实现我的目标？我环顾四周，尝试在这里和那里应用不同的代码片段，但似乎没有什么能给我我想要的东西。谢谢你的时间。

修改

我没想到要添加我的表标记，因为我确定问题不是来自那里，我只有一行CSS而没有别的，但这是因为<table border="1">这样做，以至于我没有尝试过我的CSS片段。

Answer 1

您可以使用此css删除第二个边框：

table tr:first th:nth(1), table tr:first th:nth(2) {
    border: none;
}

请注意，它可能无法在某些旧的Internet Explorer版本上运行。 另请注意，您可以将th替换为td，具体取决于您的html结构。

Answer 2

我做了一个小提琴，所以即使你已经得到了合适的答案，我也会发布它。

http://jsfiddle.net/amenadiel/rV7Yw/

.mytable tr:first-child td:nth-child(1), 
.mytable tr:first-child td:nth-child(2) {
    border:1px transparent;    
}

Answer 3

试试这个：

table  tr:first-child > th:first-child, table  tr:first-child > th:first-child + th{ 
    border:none; 
}

如果您不确定是否使用th，请同时保留以下css：

table  tr:first-child > td:first-child, table  tr:first-child > td:first-child + td,
table  tr:first-child > th:first-child, table  tr:first-child > th:first-child + th {
     border: none;
}

Working Fiddle