小编xyz*_*xyz的帖子

我有一个包含多个<tbody>元素的表格.在给定时间,仅<tbody>显示一个,或者显示所有这些.

我目前使用这个CSS3代码来条带化表:

table tr:nth-child(even) {
  background: #efefef;
}

当显示单个<tbody>元素时,一切都(显然)很好,但是当显示多个<tbody>元素时,CSS规则分别应用于每个元素,并且每个元素<tbody>都有自己的"条带系统".根据行数的不同,条纹可能看起来也可能看起来不一致.

<tbody>
  <tr> [ODD]
  <tr> [EVEN]
  <tr> [ODD]
</tbody>
<tbody>
  <tr> [ODD]
  <tr> [EVEN]
</tbody>
…

我是否必须使用JavaScript(... jQuery)来解决这个问题？还是有纯CSS解决方案？