css - CSS 如果元素悬停而不是元素活动更改

Question

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

标签： cssif-statementvariables

Answer 1

将班级主页添加到活动中，将班级添加到不活动中

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