html - ODD/EVEN 表中只有两列

Question

我想创建这样的效果，将背景 ODD/EVEN 更改为每个<TR>字段仅具有class="important".. 下面是表的一个示例......它不是静态的......它是由 PHP 使用来自 Mysql 的数据创建的......

<tr class="change">
   <td>1111</td>
   <td>2222</td>
   <td>3333</td>
   <td>4444</td>
   <td class="important">5555</td>
   <td class="important">6666</td>
<tr>
<tr class="change">
   <td>1111</td>
   <td>2222</td>
   <td>3333</td>
   <td>4444</td>
   <td class="important">5555</td>
   <td class="important">6666</td>
<tr>

所以，我希望每个<TR>奇数或偶数只影响基于重要类的表中的几个单元格

Answer 1

这能解决你的问题吗？

tr.change:nth-child(even) td.important {
  background: #CCC;
}

tr.change:nth-child(odd) td.important {
  background: #FFF;
}

Answer 2

尝试使用 jQuery奇数或偶数选择器来完成此操作。您还必须检查 hasClass 选择器以检查important类。