我知道如何在悬停时更改元素的样式，但是我想在第一个元素被聚焦或悬停时更改另一个元素的样式。
答案 0 :(得分：0)
这完全取决于您的HTML结构。
如果受影响的元素是Trigger元素的子元素，则可以使用模式
.[TRIGGER_PARENT_CLASS]:hover .[AFFECTED_CHILD_CLASS]
此模式可以嵌套到所需的深度。还值得注意的是，您可能想使用Child combinator选择直接子元素。
如果受影响的元素是触发元素的同级元素，并且触发元素直接在受影响的元素之前，则可以使用pattern：
.[TRIGGER_CLASS]:hover ~ .[AFFECTED_SIBLING_CLASS]
您可以了解有关Child and Sibling Selectors in this CSS-Tricks article
的更多信息