Jquery悬停可以'；当鼠标悬停在ul li上时，是否不更改背景？

我有一个示例代码：

<ul id="nav">
   <li><a href="#">Home</a></li>
   <li><a href="#">About &darr;</a>
       <ul id="nav-sub">
          <li><a href="#">Home</a></li>
          <li><a href="#">About &raquo;</a></li>
          <li><a href="#">Clients</a></li>
          <li><a href="#">Contact Us</a></li>
        </ul>       
   </li>     
</ul>

当我将鼠标悬停在ulli上时，

$（'nav sub ul'）.css（“background”，“#380606”）

无法更改背景，如何修复？

$（“#nav sub ul”）

将选择作为

#nav sub的后代的任何ULs。在html中，
#nav sub
没有任何子Uls，因此不会选择任何内容

也许你只想做：

$('#nav-sub').css("background", "#380606");

或可怜

 $('#nav-sub li').css("background", "#380606");

它不是
ul
它应该是
li
，如下所示

 $('#nav-sub li').css("background", "#380606");

您只需为
li
的每个BG尝试这样做：

 $('ul#nav-sub li').css("background", "#380606");

或者想要在
ul
上进行bg：

$('ul#nav-sub').css("background", "#380606");

请参见此处：
使用：悬停选择器处理CSS非常简单


或：

$('ul#nav-sub').css("background", "#380606");

ul#nav li{
    background: #FFFFFF;
}
ul#nav li:hover{
    background: #380606;
}

ul#nav li{
    background: #FFFFFF;
}
ul#nav li:hover{
    background: #380606;
}

ul#nav-sub{
    display:none;
}
li#about:hover ul#nav-sub{
    display:block!important;
}