现有ab两个兄弟元素，a在前b在后，如何当鼠标选停在b时改变a的样式

鼠标悬停改变兄弟元素样式

• 使用相邻兄弟选择器：当鼠标悬停在元素B上时，可以通过CSS的相邻兄弟选择器+来改变元素A的样式。26810

当鼠标悬停在元素B上时，要改变元素A的样式，可以在CSS中使用相邻兄弟选择器。具体做法是，在CSS规则中将A和B用+号连接，然后为A添加:hover伪类选择器，如下所示：

.b:hover + .a {
    /* 改变A的样式 */
}

这样设置后，当鼠标悬停在B上时，A的样式就会按照定义的规则进行改变。10