当另一个元素处于活动状态时更改元素的样式

试试这个

html

    <button class='class1'>button1</button>
    <button class='class2'>button2</button>

css

    .class1:hover + .class2,
    .class1:active + .class2,
    .class1:focus + .class2{
          background: blue;
     }

    .class2:hover + .class1,
    .class2:active + .class1,
    .class2:focus + .class1{
          background: green;
     }

谢谢你。