悬停显示块CSS

Question

我试图将显示更改为＆＃34;阻止＆＃34;来自＆＃34;无＆＃34 ;;我做对了吗？为什么不工作？

#sub_1{     
      display: none !important    
}

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

请在CSS中找到我的代码底部！感谢

JSFIDDLE

Answer 1

我更正你的code你应该理解HTML的层次结构，然后按顺序编写代码。

#header ul li ul{ display:none;}

Answer 2

你的ul不在class cls的li标签内。你关闭了你的li，然后放了ul，但是根据你的css＃sub_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>

希望您理解.......如果有任何疑问，请告诉我