BluePrint CSSを使用して、行の色を変えずにdiv内の表を作成しますか？

Question

Blueprint CSS Framework 1.0.1では、デフォルトですべてのテーブル行が交互に色付けされています。 screen.cssの行は次のとおりです。

罰金だが

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

iはdiv要素（内側）エリック・マーティン、iでsimplemodal jQueryプラグインを使用してモーダルウィンドウ内のテーブルのために、この動作を無効にする必要がありますちょうど使用してCSSを無効にしてみました：screen.css後にロードされた他のCSSファイル名のcustom.cssで

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

が、このオーバーライドは、ページにも外に接触し、コンテナ内のすべてのテーブルに影響を与える

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