Php 在CSS中突出显示悬停时跳过其他单元格

下面的代码显示了一个html表格，其中包含PHP关联数组中的单词及其计数。一个表最多可以有10行10列（它是可变的）：

CSS在悬停状态下突出显示并下划线单个的

单元格。但是，我需要鼠标悬停/突出显示/下划线，以便仅对带有单词的

单元格有效，而不是对数字有效。单词总是在奇数列中，数字总是在偶数列中

你能建议一下能做到这一点的代码吗？我已经读到，由于与悬停相关的浏览器问题，我可能需要在jQuery中执行此操作。这是我到目前为止所拥有的。提前谢谢。：）

？>
您不需要jQuery，只需使用CSS即可

td:nth-child(odd):hover{
  ...
}

在大多数浏览器中工作可靠：

演示：

另外，我注意到您正在将第n个child（2n-1）

添加为一个类-

：第n个child

是一个伪类，因此您不必实际添加它。

您不需要jQuery，只需使用CSS即可

td:nth-child(odd):hover{
  ...
}

在大多数浏览器中工作可靠：
演示：

另外，我注意到您正在将第n个子（2n-1）添加为类-

：第n个子

是一个伪类，因此您不必实际添加它。

显式更好

<? foreach ($rows as $cols): ?>
  <tr>
       <td> <?php echo $cols[0]; ?></td>
       <td class="highlight"> <?php echo $cols[1]; ?></td>
       <td> <?php echo $cols[0]; ?></td>
       <td class="highlight"> <?php echo $cols[3]; ?></td>
   </tr>
<?php endforeach; ?>

显式更好

<? foreach ($rows as $cols): ?>
  <tr>
       <td> <?php echo $cols[0]; ?></td>
       <td class="highlight"> <?php echo $cols[1]; ?></td>
       <td> <?php echo $cols[0]; ?></td>
       <td class="highlight"> <?php echo $cols[3]; ?></td>
   </tr>
<?php endforeach; ?>

n子级

不支持IE8或更低版本，在大多数情况下，我假设OP需要它为nth类型的

@c4p-虽然在其他情况下会更好，但在
中不应该有任何其他子元素（除了
），所以
:nth child
在这里就可以了。@ahren，这在两秒钟内奏效了，是的，你是对的，它甚至在没有“第n个孩子（2n-1）”的情况下也奏效了。谢谢你的提琴和“caniuse”的链接，额外的讨论也很有帮助。：）<代码>第n个子项

不支持IE8或更低版本，在大多数情况下，我假设OP需要它为nth类型的

@c4p-虽然在其他情况下会更好，但在
中不应该有任何其他子元素（除了
），所以
:nth child
在这里就可以了。@ahren，这在两秒钟内奏效了，是的，你是对的，它甚至在没有“第n个孩子（2n-1）”的情况下也奏效了。谢谢你的提琴和“caniuse”的链接，额外的讨论也很有帮助。：）大卫，谢谢你的时间和考虑。我喜欢你关于明确的想法。但我在这方面还很新，我只是选择了上面发布的两秒钟css补丁。由于表的行数和列数是可变的，所以我不确定如何为1到10行和/或列的任何组合实现您的解决方案（例如，我可以有8列和9行……是否有一种简单的方法可以使用while循环和计数器实现这一点）？再次感谢，David.foreach（）也可以用作foreach（$cols作为$column_index，$column），与%module放在一起。您可以通过$column_index%2获得所有偶数列。从这里开始，它只是一个简单的if（）{}else{}。@Andreas3204如果您是编程新手，我建议您查看Codeigniter，它是一个稍旧的PHP框架，有一些非常好的文档，因为它是一个MVC（模型-视图-控制器）系统它将使你作为应聘者更具吸引力。谢谢你，亲爱的，@David。我将修补你建议的循环结构。我同意你的看法：我应该从MVC框架的角度思考，就像我在Codeignator上看到的那样。我很肯定你猜到我是在“避免”这又增加了一层复杂性。：）再次感谢您的帮助。David，感谢您的时间和考虑。我喜欢您关于明确性的想法。但我对这一点非常陌生，只是选择了上面发布的两秒钟css修复。由于表行和列的数量是可变的，我不确定如何为1到10行和/或colu的任何组合实现您的解决方案mns（例如，我可以有8列9行…有没有一种简单的方法可以使用while循环和计数器来实现这一点？再次感谢，David.foreach（）也可以用作foreach（$colls as$column_index，$column），与%modules一起放置。通过执行$column_index%2，您可以获得所有偶数列。从这里开始，它只是一个简单的if（）{}else{}@Andreas3204如果你是编程新手，我建议你去看看Codeigniter，它是一个稍旧的PHP框架，有一些非常好的文档，因为它是一个MVC（model-view-controller）系统it将使你作为应聘者更具吸引力。谢谢你，亲爱的，@David。我将修补你建议的循环结构。我同意你的看法：我应该从MVC框架的角度思考，就像我在Codeignator上看到的那样。我很确定你猜到我在“避免”这又增加了一层复杂性。：）再次感谢您的帮助。