如何缩进儿童UL项目

Question

你好ive今晚花了大约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>
...

我想在我的孩子项目上缩小缩进量，并且文本稍微小一些以容纳它们。这是一个屏幕截图。左边的黑色东西应该是箭头，表示我希望有我的孩子的物品。

您可以在我的网站上查看代码 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，缩进就会更少。

Answer 2

在您的特定情况下，您可以使用选择器.parent .parent ul，如下所示：

.parent .parent ul {
margin-left: 1em;
font-size: 10pt;
}

.parent .parent ul查找一个ul元素，该元素是具有父类的元素的子元素，该类父类也是具有父类的另一元素的子元素。像这样：

<tag class="parent">
  <tag class="parent">
  </tag>
</tag>

在该示例中，有一个带有父类的元素（标记），在元素（标记）内部具有父类。所以CSS可以是.parent .parent { ... }

现在，在那里放一个UL元素：

<tag class="parent">
  <tag class="parent">
     <ul>
     </ul>
  </tag>
</tag>

现在CSS选择器可以是.parent .parent ul { ... }

希望有所帮助。