奇數，甚至在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/