更改悬停类的属性答案

【问题标题】：Change the property of a class in hover更改悬停类的属性
【发布时间】：2018-05-28 18:55:14
【问题描述】：

我想在 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的颜色变成蓝色

【问题讨论】：

请提供一个 jsFiddle 或任何其他演示链接？
使用#_nav li:hover #drop{ color:blue; }而不使用+
您需要包含相关CSS的HTML结构，请edit您的帖子并包含它，因为这是回答这个问题的重要细节
做#drop 是#_nav li 的孩子？？？
Change property of all instances of element on hover (CSS)的可能重复

标签： jquery html css css-selectors

【解决方案1】：

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

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

【讨论】：

这行得通，但如果我写 #_nav li:hover #li a{color:blue} 那么它什么也不做
因为你没有 id="li" 的 li 元素； #_nav li:hover li a{color:blue}
# 位于 id_value 之前，. 位于 CSS 中的 class_name 之前。所以如果你有id="li" 那么只有你可以使用#li否则使用lionly

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：