Html 如何在使用css将鼠标悬停在子对象上时更改父对象的元素

当鼠标悬停在链接上或仅使用CSS悬停在细节上时，如何更改父产品的颜色

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>

产品

---

谢谢

您不能仅通过

CSS

实现这一点，因为没有

---

但是，使用JavaScript，当用户将鼠标悬停在

a

nchor元素上时，可以切换父类。在这一点上，您将能够设置在hover上添加的类的样式。

那么我可以使用什么来完成此操作呢？JQuery具有function.parent（）。您可以阅读更多关于它的内容：最终函数可能是这样的：

$（'div.detail a'）.parent（）.css（'background-color'，'red'）