表格裏面沒有使用BluePrint CSS交替行的顏色？

Question

默認情況下，Blueprint CSS Framework 1.0.1設置交替顏色的所有表格行。在screen.css該生產線是：

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

這很好

，但我需要關閉一個div（內部）使用simplemodal jQuery插件，由埃裏克·馬丁，我一個模態窗口內的這種行爲爲一個表只是試圖使用覆蓋CSS：

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

在screen.css後加載其它CSS文件名custom.css

但這種替代影響頁面甚至外界接觸容器中的所有表

有沒有什麼方法可以覆蓋div內的表格的行爲？

任何人都可以幫助我嗎？

在此先感謝！

Answer 1

您可以!important禁止overwritting：

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

Answer 2

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