如何在不破坏嵌套的情况下在其包装器的左侧有一个嵌套列表?

问题描述 投票:0回答:0

我正在尝试使用新的 Jekyll 主题更新我的个人网站,并且我有一些嵌套列表想保留在我的内容中。主题中的 CSS 将

padding-left
<ul>
值设置为 0,最终打破了我列表的嵌套。如何在不破坏嵌套的情况下将列表向左填充 0?我想让整个网站的列表样式保持一致。

降价来源:

+ item
  + nested item
+ item 2
  + nested item 2

HTML 输出:

<ul>
  <li>item
    <ul>
      <li>nested item</li>
    </ul>
  </li>
  <li>item 2
    <ul>
      <li>nested item 2</li>
    </ul>
  </li>
</ul>

实际产量:

  • 项目
  • 嵌套项目
  • 项目 2
  • 嵌套项目 2

预期输出:

  • 项目
    • 嵌套项目
  • 项目 2
    • 嵌套项目 2
html css html-lists
© www.soinside.com 2019 - 2024. All rights reserved.