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;}