表,而不使用BluePrint CSS交替行颜色



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

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

很好

但是我需要使用ericmartin的simplemodal jquery插件禁用div(内部)a模式窗口中的一个表的这种行为,我只是尝试使用:覆盖css

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

在screen.css之后加载的其他css文件名custom.css中,但这种覆盖会影响页面中的所有表,甚至在联系人容器之外

有没有任何方法可以覆盖div中那个表的行为?

有人能帮我吗?

提前感谢!

您在一个地方缺少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;
}

如果按照上面的格式设置,您可以看到问题。后半部分并不是特定于你的id。将其更改为:

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

您可以禁止用!important:覆盖

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

相关内容

  • 没有找到相关文章

最新更新