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 也应该有效。但是我在 nested/inner 列表的 Eclipse 上收到 无效位置标签 警告。

知道为什么吗？以及如何在不让 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>

eclipse 标记位置无效 (ol) 警告

eclipse Invalid location of tag (ol) warning

html

eclipse

dom

ide