首页 > 解决方案 > eclipse标签位置无效(ol)警告

问题描述

所以我有这个 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 上收到了无效的位置标签警告。

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

谢谢

标签: htmleclipsedomide

解决方案


根据W3.org 标记检查 <ol>不允许<ul>直接在元素内。

所以你必须将你的<ol>元素包装在 a<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>


推荐阅读