1

在下面的 ol 中，我希望第一个 li 隐藏它的编号，然后第二个 li 从 1 开始。这可能吗？

  1. 标题这里没有数字 - 所以隐藏 1。
  2. 所以这个 li 将是 1 号。
  3. 这将是 2 号。
  4. ETC
  5. ETC
4

4 回答 4

4

另一种选择（参见http://jsfiddle.net/ECjLs/）

HTML

<ol class="my-awesome-counter">
    <li>Hello</li>
    <li value="1">Hello</li>
    <li>Hello</li>
    <li>Hello</li>
</ol>

CSS

li:first-child {
    list-style:none;
}
于 2013-06-15T23:44:15.800 回答
2

您可以使用 CSS 隐藏数字并使用“value”属性设置条目和任何后续条目的序数值。

<ol>
    <li style="font-weight: bold; list-style-type:none">Heading Herewith no number - so hide the 1.</li>
    <li value="1">so this li would be number 1.</li>
    <li>this would be number 2.</li>
    <li>etc</li>
    <li>etc</li>
</ol>
于 2013-06-15T23:47:00.353 回答
0

你可以试试css计数器：http: //jsfiddle.net/QKgMq/

html:

<ul>
    <li>first</li>
    <li>true first</li>
    <li>second</li>
</ul>

CSS：

ul>li:nth-child(2) {
    counter-reset: term;
}
li{
    list-style-type: none;
}
li:first-child:before{
   content:'';
}
li:before {
    counter-increment: term;
    content: counter(term);
    margin-left: -10px;
    margin-right: 10px;
}
于 2013-06-15T23:38:39.847 回答
0

html:

  • 项目一
  • 项目二
  • 第三项
  • 第四项

    • 只需使用 css，您就可以执行以下操作来隐藏 ol 列表中的第一个数字：

    CSS: ol li:first-child { list-style:none; }

    结果：项目一 2 项目二 3 项目三 4 项目四

    于 2016-09-26T13:09:24.140 回答