Html 悬停时更改ul li ul li的颜色

我想改变标签的颜色，但它不会随着给定的html和css而改变

HTML

<ul class="s">
    <li>
        <ul>#1
            <li>Hello</li>
             <li>Hello</li>
        </ul>
        <ul>#2
            <li>Hello</li>
             <li>Hello</li>
        </ul>
    </li>
</ul>  

.s li ul li{
    color:red;
    list-style:none;

}
.s li {
list-style:none;  
}
.s li ul{
    color:green;
}
.s li ul:hover  .s li ul li{
color:black;
}

我制作了一把小提琴

---

悬停时需要添加或更改什么才能更改颜色？

没有元素匹配

.s li ul:hover.s li ul li

最后一条CSS规则应该是

.s li ul:hover li{
    color:black;
}

编辑：jQuery的方法需要一个

mouseenter

和

mouseleave

事件，但是

hover

方法涵盖了这两个方面

$(document).ready(function() {
   $( ".s li ul" ).hover(
        function() {
   $('li', this ).css('color','black' );
  }, function() {
     $('li', this ).css('color','red' );
  }); 
});

---

你错过了，将两个选择器分开并忘记：在第二个上悬停。

像这样更改悬停css你忘记了最后一个li

   .s li ul li:hover{
      color:black;
    }

---

你知道如何制作jquery版本吗DI补充了jQuery的方法，你太棒了，如果我有更多的问题，我能拥有你的fb吗？我可以在php方面帮助你：）呵呵，我宁愿不承诺帮助S.O.以外的任何人。上次我的收件箱里满是一个随机的家伙

   .s li ul li:hover{
      color:black;
    }