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

Question

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

HTML CODE

<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>

谢谢！

Answer 1

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

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