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

Question

我有这个 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;
}    

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

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

Answer 1

我已经摆弄了你的 fiddle 。这是你的意思吗？

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

我添加了这些行:

ol li::before {
  float: left;
}

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