如何使用Tr：nth-​​of-type（偶数）有一个类？

Question

我试过使用这段代码：

.whitetr tr:nth-of-type(even) {
background-color:#d9d9d9;
border:1px solid #d9d9d9;
color:black;
}

但它不起作用。

我有两个顶级表行，它们有不同的类，我希望不受顶部代码的影响（这就是我尝试使用类的原因）。

如果我只是使用：

tr:nth-of-type(even) {
background-color:#d9d9d9;
border:1px solid #d9d9d9;
color:black;
}

，它可以工作，但它改变了我的前两个表行。

这是我的表格代码：

<table><tr id="header" bgcolor="#7b354e"><td colspan="8"><div id="desc">UNITS - LOT</div><div id="titlee"><a href="dp">Gd</a></div><div id="time"><?php  $datae1 = date('F j, Y \a\\t h:i a'); echo "".$datae1."";?></div></td></tr><tr><td id="ti1">CUSTOMER</td><td id="ti2">MAKE</td><td id="ti3">MODEL</td><td id="ti4">UNIT</td><td id="ti8">WO</td><td id="ti5">DATE of ARRIVAL</td><td id="ti6">NOTES - work to be performed</td><td id="ti7">STATUS</td></tr>
<?php $num_results = mssql_num_rows($objQuery);
for($i=$Page_Start;$i<$Page_End;$i++)  
{  
    $num_found = $i + 1;
    $row = mssql_fetch_assoc($objQuery);
?><tr class="whitetr"><td class="td1"><?=mssql_result($objQuery,$i,"customer");?></td><td class="td2"><?=mssql_result($objQuery,$i,"make");?></td><td class="td3"><?=mssql_result($objQuery,$i,"model");?></td><td class="td4"><?=mssql_result($objQuery,$i,"unit");?></td><td class="td8"><?=mssql_result($objQuery,$i,"wo");?></td><td class="td5"><?=mssql_result($objQuery,$i,"date");?></td><td class="td6"><?=mssql_result($objQuery,$i,"notes");?></td><td class="td7"><?=mssql_result($objQuery,$i,"status");?></td></tr><?php }?>
</table>

Answer 1

由于您的课程已应用于tr本身，您可能会在此之后：

tr.whitetr:nth-of-type(even) {
...