CSS或者可能是Menu的Jquery解决方案

Question

我有一个响应的菜单，它唯一的问题是子级别，请查看此处的示例

http://jsfiddle.net/6vp3U/409/

 .sf-menu ul {
    position:static !important;
    display: none !important;
 }
 .xpopdrop ul {
    display: block !important;
 }

在上面的例子中，＆＃34;项目2＆＃34;在＆＃34;项目2.1＆＃34;下面还有另一个子菜单，它根据媒体查询不起作用，我希望这可以像其他子菜单一样工作，请拖动小提琴中心区域看看这个在行动..我知道它与css＆＃34; ul＆＃34; ...尝试了很多，无法找到解决方案，如果有经验的CSS可以花5分钟，我将不胜感激并帮我解决这个问题..

问候

Answer 1

我添加了两个选择器：

.xpopdrop ul ul {
    display: none!important;
 }
.xpopdrop .xpopdrop ul {
    display: block!important;
 }

似乎很有效......

Fiddle