jquery - 不要计算表格中的特定 TR，并将 Even/Odd CSS 样式应用于所有其他

Question

我想设计一个表格，每隔一行给一个蓝色背景色。

但是，我想忽略此样式规则中的特定行 - 第二行。

这意味着即使有 4 行，我想把它们当作 3 行，所以第 1 行是奇数，第 2 行不存在，第 3 行是偶数，第 4 行是奇数。

我尝试使用 not 或为所有常规行定义 reg 类，但没有帮助。

我的预期结果是第 3 行为蓝色。结果实际上:第 4 行是蓝色。

(我的目标逻辑:在我的真实元素中，第 2 行并不是真正的“行”，我用它来添加与第 1 行相关的信息)

tr td {
  vertical-align: top;
}

td {
  width: 100px;
  height: 100px;
  background-color: green;
}

table#aa tr:not(.jack):nth-child(even) td {
  background-color: blue;
}

table#bb tr.reg:nth-child(even) td {
  background-color: blue;
}

<table id="aa">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr class="jack">
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
    
<div>another try</div>

<table id="bb">
  <tr class="reg">
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr class="reg">
    <td></td>
    <td></td>
  </tr>
  <tr class="reg">
    <td></td><td></td>
  </tr>
</table>

编辑:

• 我不一定只有 4 行。我可能有 20 在另一个示例。

• 第二行是这个特定示例中的第二行。但它可以
  另一个例子中的第三个或第四个。主要问题是如何跳过它，不使用任何“固定”定义。

Answer 1

更新后的答案，请检查此代码笔以获取工作示例:

https://codepen.io/niorad/pen/dJrqGp

通过一些 sibling 的诡计是可能的。

table .out:not(:nth-child(odd)) ~ tr:nth-child(even) td {
  background-color: blue;
}

table .out:not(:nth-child(odd)) ~ tr:nth-child(odd) td {
  background-color: green;
}

table .out:not(:nth-child(even)) ~ tr:nth-child(even) td {
  background-color: blue;
}

table .out:not(:nth-child(even)) ~ tr:nth-child(odd) td {
  background-color: green;
}