javascript - 使用自定义列表计数器时，使列表元素与父列表内联

我有这个HTML：

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

和这个CSS：

ol {
    counter-increment: alpha-list !important;
}
li::before {
    content: "(" counter(alpha-list, lower-alpha) ") " !important;
}
li{
  list-style:none;
}

我的问题是，嵌套li中的第一个ol不与外部li中的第一个ol内联，而是向下推到自己的行上。请参见https://jsfiddle.net/x2q5594y/3/。

是否有任何JavaScript或CSS可用于将两个li元素放在同一行上？

最佳答案

我把你的小提琴弄弄了。你是这个意思吗？

https://jsfiddle.net/x2q5594y/6/

我添加了以下几行：

ol li::before {
  float: left;
}

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

关于javascript - 使用自定义列表计数器时，使列表元素与父列表内联，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34663379/