在悬停中更改类的属性

Question

我想在css中另一个类的悬停时更改类的css属性

  #_nav li {
    display:inline;
    text-decoration:none;
    padding-top:5vh;
    line-height:8vh;
    margin-right:5vh;
    cursor:pointer;
    }

    #_nav li:hover + #drop{
    color:blue;

    }
    #drop{
         color:red;
         }

  

当我悬停在

上      

_nav_li

     

我希望#drop的颜色变为蓝色

Answer 1

在+之前删除#drop 试试这个

#_nav_li:hover #drop {
  color: blue;
}

Answer 2

你可以试试这个来更改胡佛上的颜色

._nav_li:hover #drop{
    color:#DDD;
}

Answer 3

<script>
 $( ".nav" ).hover(
    function() {
       $("#drop").css("color", "blue");
    };
</script>