定位嵌套表

Question

我在桌子里面有一张桌子，非常简单。 我想要做的是避免在表的最后一行（border-bottom）中使用td tr个标记。我做的是这个：

tbody tr:last-of-type td { border-bottom: none; }

我在想这就是它，但后来我检查了最后一行没有嵌套的表，整个嵌套表没有底部边框。有没有办法避免使用简单的CSS没有类等。

Answer 1

我想说最简单的方法是使用class和id。像这样：

table.outer { some: style; } /* class */  
table#inner { some: style; } /* id */  

但正如你所说，AVOID类，那么可能会像在表中那样调用嵌套在表中的表：

table { some: style; }  
table table { some: style; } /* override outer table */  

Answer 2

要实现嵌套表的无边框底部，您可以这样做：

tbody table td {
    border-bottom: none;
}

注意 - 上述规则会对您未与我们分享的CSS进行假设。由于您不包括首先应用边框的CSS，因此CSS specificity可能无法使用上述内容。

例如，如果为表添加边框的规则是：

tbody tr td {
    border-bottom: [whatever style];
}

然后，您需要用来删除嵌套表格边框的选择器是：

tbody tr table td {
    border-bottom: none;
}

添加您的CSS，我们可以更准确地回答您的问题。或者，更好的是 - 阅读CSS specificity article，您将知道如何自己改变选择器！