html - 无序列表,里面有无序列表。彼此缠绕

标签 html css html-lists

我通过我想要设置样式的 cms 获得了一个无序列表。 它运行良好,但仅适用于第一个 <li id="link-18">元素。我的目标是为 <ul> 设置样式像第一个一样一直阻塞。参见 http://jsfiddle.net/UyrdS/3/ (第二个和第三个链接显示切换的 <ul> block 不在顶部)

goal

如果单击第二个链接(2 级二),切换的新 <ul> block 显示在导航旁边,但不像 1 级链接那样显示在顶部,它与他的子元素一起使用 <ul>

最佳答案

你可以改变你的css来生成一个漂亮的子菜单

nav ul>li>ul {
  display: none;
  margin-left:2em;
}

请参阅 http://jsfiddle.net/WrcMX/ 上的示例

关于html - 无序列表,里面有无序列表。彼此缠绕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9659418/

相关文章:

java - 如何在Jsp中循环自引用类?

html - CSS从另一个div中改变一个div的颜色

html - 父DIV中的高度不同

html - 公司名称与topnav在同一行

html - 在 <li> 中选择菜单适用于 ios chrome 但不适用于 ios safari

html - 当空间改变时定位容器而不移动它

html - Bootstrap 3 中的响应式嵌入不起作用

html - 列中垂直居中的 Bootstrap 3 按钮

css - 当动画完成其序列时如何为元素设置动画

html - 为什么元素不完全在中心?