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");
   });
   });