Firefox html有序列表数字被子列表弄乱

Question

我的子列表突然在Ubuntu的Firefox (68.0.2)和我的Android手机上的Firefox中破坏了有序列表。这是Firefox的bug还是我的语法有问题？

<ol>
  <li>Ordered list item 1</li>
  <ul>
    <li>sub bullet list item</li>
    <li>sub bullet list item</li>
    <li>sub bullet list item</li>
    <li>sub bullet list item</li>
    <li>sub bullet list item</li>
  </ul>
  <li>Ordered list item #2. Why is this appearing as 6 in Firefox?</li>
</ol>

- 43Tesseracts

Answer 1

问题在于，您的代码中 ul 没有包含在任何 li 标签内。因此，无序列表中的列表项不是有序列表中任何项目的子项目。请尝试使用以下代码：

<ol>
    <li>Ordered list item 1
        <ul>
            <li>sub bullet list item</li>
            <li>sub bullet list item</li>
            <li>sub bullet list item</li>
            <li>sub bullet list item</li>
            <li>sub bullet list item</li>
        </ul>
    </li>
    <li>Ordered list item #2. Why is this appearing as 6 in Firefox?</li>
</ol>

- user11748261

Answer 2

这确实是一个新的FF 68+回归。请参见https://bugzilla.mozilla.org/show_bug.cgi?id=1548753

- Radek K.

---

这是标记的问题。子列表应该在<li>内部才能成为子列表。 - R891

是的，这是不正确的（或者至少是模棱两可的）标记。但在以前它被呈现的方式是相反的，在所有其他浏览器中似乎都是这样呈现的。 - lindhe