div中的表没有使用BluePrint CSS交替行颜色？

Question

Blueprint CSS Framework 1.0.1默认设置所有交替颜色的表行。 screen.css中的行是：

tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}

没关系

但我需要使用eric martin的simplemodal jquery插件为div（内部）模式窗口中的一个表禁用此行为，我只是尝试使用以下方法覆盖css：

#contact-container tbody tr:nth-child(even) td, tbody tr.even td {background:#FFFFCC;}

在screen.css之后加载的其他css文件名custom.css中，但是这个覆盖会影响页面中的所有表格甚至是在contact-container外部

有没有办法覆盖div中那个表的行为？

任何人都可以帮助我吗？

提前致谢！

Answer 1

您在一个地方错过了ID：

#contact-container tbody tr:nth-child(even) td, 
tbody tr.even td 
{
    background:#FFFFCC;
}

这实际上相当于：

#contact-container tbody tr:nth-child(even) td
{
    background:#FFFFCC;
}

tbody tr.even td 
{
    background:#FFFFCC;
}

如果格式如上，您可以看到问题。其中的第二部分并非特定于您的身份证明。将其更改为：

#contact-container tbody tr:nth-child(even) td, 
#contact-container tbody tr.even td 
{
    background:#FFFFCC;
}

Answer 2

您可以使用!important

禁止覆盖

#contact-container tr {background:#FFFFCC !important;}