Изменить свойство класса в hover

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

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

Answer 2

Удалите + до #drop и попробуйте

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

Answer 3

Вы можете попробовать это изменить цвет на пылесосе

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