1

このhttp://jsfiddle.net/N9gEG/のように、奇数/偶数に基づいて td のテキストの色を変更する必要があります。

実際に私はこれを行うクラスを持っていますが、cssからやりたいです

<table>
    <tr>
        <td>RED</td>
        <td class="foo">BLUE</td>
        <td>RED</td>
        <td class="foo">BLUE</td>
    </tr>
</table>

tr奇数/偶数の場合、次のコードがあります: table tr:nth-child(even).

4

4 に答える 4

10 
td {
  color: blue;
}
td:nth-child(even) {
  color: red;
}

これは、ルールの特異性のために機能します。より具体的な CSS ルールが優先されます。tdwithout else は より具体的ではないtd:nth-child(even)ため、奇数<td>s に自動的に適用されます。

于 2012-10-10T20:25:15.620 に答える
3

:nth-childjsFiddle が必要なものを正しく示している場合は、tr ではなく tds で単純にセレクターを使用できます。

td { color: blue; }
td:nth-child(odd) { color: red; }

http://jsfiddle.net/N9gEG/2/

于 2012-10-10T20:36:25.790 に答える
2

あなたの質問についての私の限られた理解を考えると、私は提案したいと思います：

td:nth-child(even) {
    color: blue;
}
td:nth-child(odd) {
    color: red;
}

JSフィドルデモ。

于 2012-10-10T20:35:02.643 に答える
-1

jqueryを使う

.hover {background-color:green !important;}
.odd {background-color:blue}

$("#MyTable tr:odd").addClass("odd"); 
$("#MyTable tr").mouseover(function() { $(this).addClass("hover"); });
$("#MyTable tr").mouseout(function() { $(this).removeClass("hover"); });
于 2012-10-10T20:24:54.197 に答える