我如何隐藏第一个ol li号码但仍然显示项目文本？

Question

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

        
1. 标题此处没有数字 - 所以隐藏1。
        
2. 所以这个李将是1号。
        
3. 这将是2号。
        
4. 等
        
5. 等

Answer 1

另一种选择（见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;
}

Answer 2

您可以使用CSS隐藏号码并使用＆＃34;值＆＃34;用于设置条目和任何后续条目的序数值的属性。

<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>

Answer 3

你可以试试css counter：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;
}

Answer 4

HTML：             

第一项

       

第二项

       

第三项

       

第四项

    

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

CSS：     ol li：first-child {         列表样式：无;     }

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