javascript - 隐藏 TinyNav 子菜单

Question

我在我的网站上使用 TinyNav，效果很好，但是我们有一个深度菜单系统，这意味着 tinynav 下拉菜单很大。我一直试图找到一种隐藏所有子菜单的方法，但无济于事。

我试过使用媒体查询，例如:

@media screen and (max-width: 800px) {
#tinynav1 > li > ul > li, #tinynav1 > li > ul > li > a {
display:none
}
#tinynav1 > li > ul {
display:none;
}
}

Answer 1

我在这段代码中唯一看到的是你应该在无 (;) 之后添加一个分号。但是减少代码对你也有帮助:)你有页面的链接吗？或者您可以在 http://jsfiddle.net 上构建导航吗？

@media only screen and (max-width: 800px) {

    #tinynav1 li ul li, #tinynav1 li ul li  a {
       display:none;
    }
    #tinynav1 li ul {
       display:none;
    }

 }