html - 使用css将鼠标悬停在孩子上时如何更改父母的元素

Question

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

代码

<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只通过它来做到这一点，因为没有父选择器。

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