css - 当鼠标悬停在子元素上时，我将如何选择父元素？

Question

当鼠标悬停在子元素上时，我将如何选择父元素。

例如:

<table id="tb1">
<tr>
<td id="td1">make table red</td>
<td id="td2">make table yellow</td>
</tr>
</table>

当 td1 悬停在 id 或 class 标签上时，有没有办法选择 tb1？

Answer 1

遗憾的是，仅使用 CSS 悬停子元素时无法选择父元素。这将违反级联样式表中的级联。但是，您可以使用 JavaScript 或 jQuery 等库之一轻松完成此操作。

如果您使用 jQuery，则以下内容将提供您正在寻找的结果:

http://jsfiddle.net/fSqSx/