css - 如何缩进子 UL 元素

Question

你好，我今晚在这上面花了大约 4 个小时，我不得不放弃，头发都被扯掉了。我尽量不问足够简单的 css 问题，但我只是无法掌握列表项或更具体的子列表项。我发现的所有规则。

<li class="parent open">
<span class="parent open"></span>
<a href="/member-tags/forum">Member Tags</a>
<ul>
<li class="parent open">
<span class="parent open"></span>
<a href="/world-komp/forum">world of komp</a>
<ul>
<li>
<a href="/komps-bets/forum">komps bets</a>
</li>
<li>
<a href="/komps-daily-diary/forum">komps daily diary</a>
</li>
...

我想让我的子项上的缩进更小，文本也更小一些以容纳它们。这是一个屏幕截图。左边的黑色东西应该是箭头，表示我希望把我的 child 的元素放在哪里。

你可以在我的网站上查看代码 http://onlinebanter.com

感谢所有帮助，因为我真的花了太多时间试图解决这个问题，这不是我尝试的第一个晚上。

谢谢

ul.jquerymenu li.parent {
  background-image:none;
  list-style:none none;
}
.block ul {
  margin:0;
  padding:0 0 0.25em 1em;
}

ul.menu {
  border:none;
  list-style:none;
  text-align:left;
}

ul {
  list-style-type:disc;
}
.block ul, .block ol {
  margin-left:2em;
  padding:0;
}

ul, ol, dd {
  margin-bottom:1.5em;
  margin-left:2em;
}

ul.menu li {
  margin:0 0 0 0.5em;
}

li, li.leaf, ul.menu li, .item-list ul li {
  line-height:150%;
}

ul.menu li, ul.links li {
  margin:0;
  padding:0;
}

ul.jquerymenu li.parent {
  background-image:none;
  list-style:none none;
}

ul.menu li {
  margin:0 0 0 0.5em;
}

li, li.leaf, ul.menu li, .item-list ul li {
  line-height:150%;
}

ul.menu li, ul.links li {
  margin:0;
  padding:0;
}

Answer 1

您的 HTML 看起来像这样:

<ul>
  <li>...
  <ul>
    <li>....

应用了以下 CSS:

ul {
  margin-left: 2em;
}

只需将值更改为1em，缩进就会变少。