jquery - jquery : 背景色を保持するクラスを持つセルを除くテーブルの行の色を交互に

Question

私はjqueryが初めてです。私は自分のコードにこれを持っています:

$("tbody tr:odd ").addClass("alt");

CSSで：

tbody tr.alt td {
   background-color: #e6EEEE;
}

テーブルにセルがあります

<td class="coloron">

現在、他のすべての行コマンドは my class="coloron" に乗っています。

他のすべての行に色を付けながら、セルの一意の色を維持するにはどうすればよいですか?

score 2 · Accepted Answer

次のように、独自の色がスタイルシートで後で定義されるように、スタイルを定義します。

tbody tr.alt td {
  background-color: #e6EEEE;
}
tbody tr td.coloron {
  background-color: #FFFFFF;
}

行に複数のクラスがある場合、スタイルルールの特定レベルが同じであれば、CSS で最後に定義されたクラスが優先されます。ここで動作することがわかります。

score 0 · Accepted Answer

あなたtbody tr.alt tdはより具体的.coloronであり、それをオーバーライドします。代わりに、次のようにします。

tbody tr.alt td.coloron {
   // your CSS
}

またはおそらくこれ：

tbody tr td.coloron {
   // your CSS
}

score 0 · Accepted Answer

0

CSS を使用します!important。

td.coloron {
    background: #ccc !important;
}

于 2010-09-03T12:44:14.577 に答える

score 0 · Accepted Answer

0

これを CSS に追加してみてください。

.coloron, .coloron.alt {背景:赤}

于 2010-09-03T12:45:34.363 に答える

4 に答える 4