悬停显示块CSS

我正在尝试将显示从“无”更改为“阻止”；我做得对吗？为什么不工作

#sub_1{     
      display: none !important    
}

.cls1:hover #sub_1{
     display : block !important 
} 

请转到我的CSS代码的底部！谢谢

---

您的ul不在cls类的li标签内。你已经关闭了你的li，在那之后放置了ul，但是根据你的css，sub#u 1必须在.cls内，这就是为什么它不起作用，所以把你的html改为

<li class='cls1'>item 2
    <ul id='sub_1'>
        <li>item A</li>
        <li>item B</li>
        <li>item C</li>
    </ul>
</li>

第2项

项目A
B项
项目C

希望你能理解。。。。。。。如果有任何疑问，请告诉我

我已经纠正了您的错误，您应该了解HTML的层次结构，然后编写相应的代码

#header ul li ul{ display:none;}

---

还有一个问题，我如何保持它的显示：“块”只要我在cls1上悬停，它的ul id也是sub_1，它说我必须等待5分钟才能接受它作为回答。你似乎解决了悬停的问题；现在，在您的代码中，即使您将鼠标悬停在ItemA、ItemB上，。。它们仍然是显示：块；你是怎么解决的？我看你在这方面没有添加任何内容，但你是如何解决的？你能在我更新的代码中显示它吗：jsfiddle.net/web_developer_888/FC7nR/4