Html css鼠标悬停突出显示表格行间距

我有一个用PHP从数据库生成的简单HTML表，在某些情况下，一个单元格跨越多行。举个简单的例子：

<table>
  <tr class ="highlightRow">
    <td>Cell 1</td>
    <td rowspan="2">Cell over more rows</td>
  </tr>
  <tr class ="highlightRow">
    <td>Cell 2</td>
  </tr>
</table>

---

当鼠标悬停在“单元格2”上时，我找不到任何突出显示“更多行上的单元格”的解决方案（仅限于CSS）。

我在我的项目中遇到了同样的问题。我们不能这样做。这就是为什么大多数开发人员都使用jquery DOM遍历方法（parent（）、child（）、sibling（）、next（）、prev（）、After（），等等）

参考资料：

结论是：CSS中没有选择父项的选项。我们可以使用javascript帮助进行选择。

---

**我们喜欢编码..*

我在我的项目中遇到了同样的问题。我们做不到。这就是为什么大多数开发人员都使用jquery DOM遍历方法（parent（）、child（）、sibling（）、next（）、prev（）、After（）等）

参考资料：

结论是：CSS中没有选择父项的选项。我们可以使用javascript帮助进行选择。

---

**我们喜欢编码..*

我不知道这是否能满足您的需求，但看看我的解决方案

.highlightRow{
背景色：#FFF；
}
.highlightRow:悬停{
背景色：#EEE；
}
表：悬停。包括{
背景色：#EEE；
}

第1单元
多行上的单元格
第2单元

我不知道这是否能满足您的需要，但请看看我的解决方案

.highlightRow{
背景色：#FFF；
}
.highlightRow:悬停{
背景色：#EEE；
}
表：悬停。包括{
背景色：#EEE；
}

第1单元
多行上的单元格
第2单元

如果我们将cellover悬停在更多行上，则表示bg颜色本身相同。这不是正确的要求。如果在任何情况下都应突出显示“cell over more rows”，这是一个合适的解决方案。在我的例子中，“多行上的单元格”只应在选择一个相邻行时突出显示，考虑到表格在这两行之后继续。如果我们将光标悬停在更多行上，则意味着bg颜色也发生了变化。这不是正确的要求。这是一个适当的解决方案，以防在任何情况下都应突出显示“多行上的单元格”。在我的例子中，“多行上的单元格”只应在选择了一个相邻行时突出显示，考虑到表格在这两行之后继续。

.highlightRow {
    background-color:       #FFF;
}
.highlightRow:hover {
    background-color:       #EEE;
}