css - CSS偶数＆奇数はtheadに影響を与えます

Question

私はテーブルにeven＆oddCSSルールを使用していますが、それは<thead>の変更でもあります。

thead {background-color: #999;}
tr:nth-child(even) {background: #fff}
tr:nth-child(odd) {background: #C8C8C8}

その結果、私の<thead>はであり、では#C8C8C8ありません#999。

だから私の質問は、それが<thead>に影響を与えることなく偶数と奇数を使用することは可能ですか？

score 2 · Accepted Answer

tbodyルールがtbody内のtr：sにのみ適用されるように、セレクターを追加できます。

tbody tr:nth-child(even) {background: #fff}
tbody tr:nth-child(odd) {background: #C8C8C8}

score 0 · Accepted Answer

確かに、tbodyセレクターを使用してください：

thead{background-color: #999;}
tbody tr:nth-child(even) {background: #fff}
tbody tr:nth-child(odd) {background: #C8C8C8}

<tbody>で要素を使用しているので<table>、そうですか？そうでない場合は、それを使用する必要があります:)

2 に答える 2