html - HTML/CSS 中嵌套列表的缩进

Question

我已经开始使用 Twitter Bootstrap，这对我(作为一名程序员)很有用，无需编写太多 CSS 即可获得外观不错的网站。

但是有些事情让我发疯。我有一个嵌套列表，如

<ul>
  <li>Hello</li>
  <li>World 
    <ul>
      <li>Wide</li>
      <li>Web</li>
    </ul>
  </li>
</ul>

但此列表的第一级和第二级缩进并没有不同(即它们在左侧彼此对齐)

在普通的 html 嵌套列表中，更深的子列表缩进更多。但是样式表中的某些东西必须关闭它。我如何找到控制它的东西？我在任何文档中都看不到 li 元素的 CSS“列表缩进”属性。

Answer 1

只需使用 Firebug在 FF 或 Chrome dev-tools :右键单击您的目标并选择inspect元素。您可以通过视觉和文本方式检查 CSS 属性，以查看导致折叠的原因。

你可能想要这样的规则

ul > li {
    margin-left: 10px;
}