以嵌套表为目标

实现 无边框底部 的 嵌套表 ,您可以这样做:

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 ,你就知道如何自己改变选择器了!

我想说最简单的方法是使用类和i d。比如:

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

但正如您所说,避免类,然后可能调用嵌套在表中的表,如下所示:

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