覆盖CSS表格式

时间:2012-01-03 03:04:24

标签: html css override

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

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

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

2 个答案:

答案 0 :(得分:3)

您可以将自定义div ID名称示例<div id="customFormat"></div>包装起来,或者为表格提供一个ID <table id="customFormat"></table>

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

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

答案 1 :(得分:1)

提供特定于类的表或特定表的最后一行并应用样式

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

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