Javascript 使用自定义列表计数器时，获取要与父列表内联的列表元素

我有这个html：

<ol>
  <li>
    <ol>
      <li>hello world</li>
      <li>hello world</li>
      <li>hello world</li>
    </ol>
  </li>
</ol>

我的问题是嵌套的

ol

中的第一个

li

不是与外部

ol

中的第一个

li

内联，而是向下推到它自己的行上。看

---

是否有任何JavaScript或CSS可用于将两个

li

元素放在同一行？

您需要覆盖

ol

的默认样式

ol {
    padding : 0;
}

更新的小提琴-

将填充：0添加到ol

ol {
    padding:0px;
    counter-increment: alpha-list !important;
}

---

我摆弄了你的小提琴。这就是你的意思吗

我添加了以下几行：

ol li::before {
  float: left;
}

ol ol li::before {
  float: none;
}

---

对于所描述的任务，我建议使用table、tr、td HTML元素而不是list。在您的css中，我没有看到任何

内联
样式。为什么您希望它是内联的？我希望它是内联的，因为如果您不使用自定义列表计数器，这似乎是嵌套列表的默认设置。事实证明，我需要将display:inline添加到父li元素、内部ol和内部ol中的第一个li以使其工作。谢谢，但我希望嵌套li的第一个元素与父li位于同一水平线上，而不仅仅是左对齐。@joshua-您可以通过添加分层css来实现，请检查-
ol li::before {
  float: left;
}

ol ol li::before {
  float: none;
}