奇数，甚至在tr不工作

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是jQuery的伪元素选择不是CSS。

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>。还用:nth-child(odd)和:nth-child(even)代替:odd和:even
这是我的JSFiddle：https://jsfiddle.net/v2tgjLjv/9/