css - ブループリント CSS フレームワークを使用する場合、行の色を交互にしないでテーブルを作成する方法は?

Question

Blueprint CSS フレームワークは、デフォルトですべてのテーブル行を交互の色にします。1 つのテーブルでこの動作を無効にするにはどうすればよいですか?

Chrome 開発者ツールを使用して、Chrome が定義済みのテーブルに使用するすべてのスタイルを表示しようとしましたが、行の色を設定するスタイルが見つかりませんでした。私もインターネットを検索しましたが、解決策が見つかりませんでした。魔法みたい…

誰でも私を助けることができますか？

Answer 1

オーバーライドするには、より具体的なセレクターが必要です... BP はかなり一般的ですが、たとえば次のように問題になることはありません。

table.no-zebra tbody tr:nth-child(even) td,
table.no-zebra tbody tr.even td {
  background: transparent;
}

透明を任意の色に置き換えて、すべての行を単色にすることができます。

Answer 2

私は自分のcssファイルでオーバーライドするだけです

tbody tr：nth-​​child（even）td、tbody tr.even td {background：none;}

Answer 3

これは、ブループリントの偶数テーブル行の背景色を無効にするために、CSS ファイルの先頭に入れたものです。

table tr:nth-child(even) td {
  background: transparent;
}

Answer 4

おそらく検索して削除します（screen.cssから）

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