覆盖 CSS 表格格式

【问题标题】：Override CSS table formatting覆盖 CSS 表格格式
【发布时间】：2012-01-03 13:18:49
【问题描述】：

我使用以下 CSS 将顶部边框应用于各种表格的最后一个子行：

.mytabs tr:last-child {
border-top:1px solid #000;
font-weight:bold;}

现在我需要为一个特定的表格覆盖这种样式。如何在一个特定实例中覆盖此样式？谢谢。

【问题讨论】：

【解决方案1】：

您可以将其包装为自定义 div id 名称示例 <div id="customFormat"></div> 或为表格指定 id <table id="customFormat"></table>

在 CSS 中，您可以仅为该 1 个表格指定自定义样式。

#customFormat { 
border-bottom: 1px solid rgba(69,54,37,0.2);
}

【讨论】：

【解决方案2】：

给一个类特定的表格或特定表格的最后一行并应用样式

table.<specific_table> tr:last-child {
...your style
}

或

.mytabs tr.<specific_row> {
..your style}

【讨论】：