奇数と偶数は動作しません。

Question

https://jsfiddle.net/v2tgjLjv/

このセレクタに問題がありますか？

tr:odd { 
    background: green; 
} 

tr:even { 
    background: lightgreen; 
} 

Answer 1

あなたはn番目の子を使用する必要があります。

 
tr:nth-child(odd) { 
    background: green; 
} 

tr:nth-child(even) { 
    background: lightgreen; 
} 

:oddと:evenはないCSSのjQueryの擬似要素セレクタです。

Answer 2

tr:nth-child(even) {background: red} 
 
tr:nth-child(odd) {background: green}

<table> 
 
    <tr class="d0"> 
 
    <td>one</td> 
 
    </tr> 
 
    <tr class="d1"> 
 
    <td>two</td> 
 
    </tr> 
 
    <tr class="d1"> 
 
    <td>two</td> 
 
    </tr> 
 
    <tr class="d1"> 
 
    <td>two</td> 
 
    </tr> 
 
</table>

Answer 3

\t tr:nth-child(odd) { 
 
\t background-color: green; 
 
\t } 
 
\t 
 
\t tr:nth-child(even) { 
 
\t background-color: lightgreen; 
 
\t }

<table> 
 
<tr><td>1</td></tr> 
 
<tr><td>1</td></tr> 
 
<tr><td>1</td></tr> 
 
<tr><td>1</td></tr> 
 
<tr><td>1</td></tr> 
 
</table>

すべてのタグ<table>と<td>を使用してください。 :oddの代わりに:nth-child(odd)と:nth-child(even)を使用してください。:even
ここにJSFiddleがあります。https://jsfiddle.net/v2tgjLjv/9/