Skip to content

在 CSS 中,要实现当鼠标悬浮在一个元素上时触发另一个元素的样式变化,可以通过以下几种方式实现

结构说明
A:hover BA 悬浮时,改变子元素 B 的样式
A:hover + BA 悬浮时,改变紧邻的兄弟元素 B
A:hover ~ BA 悬浮时,改变其后所有兄弟元素 B
JavaScript + Class任意元素,通过 JS 动态添加类