css中当一个元素hover后改变另一个元素的样式

可以使用 CSS 的兄弟选择器（sibling selector）或者后代选择器（descendant selector）来实现当一个元素 hover 后改变另一个元素的样式。

兄弟选择器：

.element1:hover ~ .element2 {
  /* 样式 */
}

这个选择器表示当 `.element1` 元素被 hover 时，其后面的所有兄弟元素中类名为 `.element2` 的元素的样式将被改变。

后代选择器：

.element1:hover .element2 {
  /* 样式 */
}

这个选择器表示当 `.element1` 元素被 hover 时，其中所有后代元素中类名为 `.element2` 的元素的样式将被改变。

需要注意的是，这两种选择器的使用需要考虑 HTML 结构和样式的继承关系，以免造成样式冲突或者不必要的样式继承。