CSS 如果元素悬停比元素活动更改

Question

有可能以任何方式实现这一目标吗？ 如果状态 :active 上的 btn "home" 是红色且可见的，当我移动鼠标时：将鼠标悬停在另一个 btn "about" 上，是否可以更改 "home" 的不透明度：active 并使其消失？

Answer 1

将班级添加到活动和即将不活动的班级

  $(document).ready(function () {    
   $(".home").mouseover(function () {
    $(".about").addClass("active");
    $(".home").removeClass("active");
   });
   $(".about").mouseover(function () {
    $(".home").addClass("active");
    $(".about").removeClass("active");
   });
   });