ODD/EVEN 表中只有两列答案

【问题标题】：ODD/EVEN only two columns from the tableODD/EVEN 表中只有两列
【发布时间】：2013-08-07 13:30:25
【问题描述】：

我想创建这样的效果，将背景 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> 设置一个奇数或偶数，仅影响基于 CLASS IMPORTANT 的表格中的几个单元格

【问题讨论】：

这个问题非常不清楚，地狱几乎不是一个问题——现在更接近于一个陈述。
only few cells 多少？从左边还是右边？什么课程？单元格或行（或两者）的奇数/偶数样式是否发生变化？
你是这个意思吗？ jsfiddle.net/qxEaC

标签： html css class html-table

【解决方案1】：

这能解决您的问题吗？

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

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

【讨论】：

我在页面中有其他受此代码影响的表...需要根据 CLASSES 而不是 TR 修改脚本：
然后将选择器开头更改为tr.change。实际上是基本的 CSS。

【解决方案2】：

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

【讨论】：

是的，如果有人使用 jqyery，那么他/她可以在奇数或偶数选择器中轻松实现这一点。两种方式都可以。
我不会为 DOM 操作而烦恼，因为使用普通的旧 CSS 可以轻松完成。
使用 jQuery 就像在纸上做数学计算一样，那里有一个电子计算器。
@ComFreek 公平地说，CSS 方法不是跨浏览器兼容的，所以这取决于 OP 希望它在哪些浏览器上工作。
@SmokeyPHP 这是一个有效的观点，但这也应该在答案本身中表达出来（例如，“如果你想支持 IE stackoverflow.com/a/8194206/603003