html - 放置 tr :nth-child(even) inside a table tag

Question

我正在尝试将 tr:nth-child(even) 放入表格标签中。我不希望它全局化。

示例:

<table style= "{tr:nth-child(even) = background-color: #c2ddf2;}"> 
   <tr><th>One</th><th>Two</th><th>Three</th><th>Four</th></tr>
   <tr><th>this</th><th>should</th><th>be different</th><th>colors</th></tr>
   <tr><th>this should</th><th>be same</th><th>colors as</th><th>first row</th></tr>
</table>

Answer 1

只需向表中添加一个类即可!

.special tr:nth-child(even) {
background-color: #c2ddf2;
}

<table class="special"> 
   <tr><th>One</th><th>Two</th><th>Three</th><th>Four</th></tr>
   <tr><th>this</th><th>should</th><th>be different</th><th>colors</th></tr>
   <tr><th>this should</th><th>be same</th><th>colors as</th><th>first row</th></tr>
</table>
<hr>
<table class="notspecial"> 
   <tr><th>One</th><th>Two</th><th>Three</th><th>Four</th></tr>
   <tr><th>this</th><th>should</th><th>be different</th><th>colors</th></tr>
   <tr><th>this should</th><th>be same</th><th>colors as</th><th>first row</th></tr>
</table>