css - 悬停显示 block CSS

Question

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

#sub_1{     
      display: none !important    
}

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

请到我的 CSS 代码底部!谢谢

JSFIDDLE

Answer 1

我已经更正了你的code您应该了解 HTML 的层次结构，然后相应地编写代码。

#header ul li ul{ display:none;}