eclipse标签位置无效（ol）警告

Question

所以我有这个 html 设置

<ul>
 <li>level one item one</li>
   <ol>
   <li>level two item one</li>
   <li>level two item two</li>
   </ol>
 <li>level one item two</li>
</ul>

该结构即使对于 html 4.01 也应该有效。但是我在嵌套/内部列表的 Eclipse 上收到 invalid location tag 警告。

知道为什么吗？以及如何在不让 eclipse 忽略该元素的情况下修复它

谢谢

Answer 1

根据W3.org markup check<ol>不允许直接在<ul>元素内。

所以你必须将你的 <ol> 元素包裹在 <li> 中，所以这样做：

<ul>
  <li>level one item one</li>
  <li>
    <ol>
      <li>level two item one</li>
      <li>level two item two</li>
    </ol>
  </li>
  <li>level one item two</li>
</ul>

---

如果在任何情况下，您想从<ol> 部分隐藏列表样式元素，您可以通过这样的 CSS 样式来实现：

ul > li:nth-child(2) {
  list-style: none;
}

<ul>
  <li>level one item one</li>
  <li>
    <ol>
      <li>level two item one</li>
      <li>level two item two</li>
    </ol>
  </li>
  <li>level one item two</li>
</ul>