我希望我的表格行交替背景颜色。但我有一些行（b类）是a类的子行。基本上它们缩进以显示它们低于上面的行。我希望这些行与父行具有相同的背景颜色，同时让下一个“A”交替返回。
该表正在动态创建，因此必须具有灵活性。
我已经尝试过我知道的每一个CSS选择器，但是无法弄清楚如何将“A”背景下拉到“B”。有人可以告诉我这是否可能，或者我是否需要重构HTML。
我也可以使用jQuery或javascript来解决这个问题。
SimpleHTML：
<table>
<tr class="a"><td>asdf </td></tr>
<tr class="a"><td>asdf </td></tr>
<tr class="b"><td>asdf </td></tr>
<tr class="a"><td>asdf</td></tr>
<tr class="a"><td>asdf </td></tr>
<tr class="b"><td>asdf </td></tr>
<tr class="b"><td>asdf </td></tr>
<tr class="a"><td>asdf </td></tr>
</table>
CSS：
.a:nth-of-type(even) {
background-color: #DDD;
}
.b td{
padding-left:25px;
}