我知道如何在悬停时更改元素的样式,但我想在第一个元素聚焦或悬停时更改另一个元素的样式。
这完全取决于您的 HTML 结构。
如果受影响的元素是触发器元素的子元素,则可以使用模式
.[TRIGGER_PARENT_CLASS]:hover .[AFFECTED_CHILD_CLASS]
这种模式可以嵌套任意深。还值得注意的是,您可能希望使用Child 组合器来选择直接子元素。
如果受影响的元素是触发器元素的同级元素,并且触发器元素直接位于受影响的元素之前,则可以使用模式:
.[TRIGGER_CLASS]:hover ~ .[AFFECTED_SIBLING_CLASS]
您可以在这篇 CSS-Tricks 文章中了解有关子级和兄弟级选择器的更多信息
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句