使用css将鼠标悬停在孩子上时如何更改父母的元素[重复]

【问题标题】：How to change element of a parent when hovering over a child using css [duplicate]使用css将鼠标悬停在孩子上时如何更改父母的元素[重复]
【发布时间】：2013-03-05 11:53:35
【问题描述】：

如何在将鼠标悬停在链接上或仅使用 CSS 将鼠标悬停在细节上时更改父产品的 bgcolor？

HTML 代码

<div id="summary" align='center'>Products</div>
        <div id="detail" align='center'>
        <a href='http://www.3ds.com/products/catia/welcome/'>A</a></br>
        <a href='http://www.3ds.com/products/catia/welcome/'>B</a></br>

谢谢！

【问题讨论】：

标签： html css

【解决方案1】：

您不能仅通过CSS 执行此操作，因为没有parent selector。

但是，使用 JavaScript，您可以在用户将鼠标悬停在 anchor 元素上时切换父类。此时，您将能够为悬停时添加的类设置样式。

【讨论】：

那我可以用什么来做到这一点？
JQuery 有函数 .parent()。你可以阅读更多关于它的信息：api.jquery.com/parent 最后这个函数可能是这样的：$('div.detail a').parent().css('background-color', 'red');