跳过有序列表项编号

Question

我有一个有序列表,我想跳过特定项目的数字输出.

传统输出:

1. List item
2. List item
3. List item
4. List item
5. List item

期望的输出:

1. List item
2. List item
   Skipped list item
3. List item
4. List item
5. List item

这在CSS中是否可以实现？我发现了一个我以前不知道的<ol>"开始"属性,但似乎没有帮助我.

Answer 1

最简单的方法是从项目中删除列表标记被跳过,并设置使用的下一个项目的数量的value属性(其将不被弃用在HTML5 /作废).例:

<ol>
<li>List item
<li>List item
<li style="list-style-type: none">List item
<li value=3>List item
<li>List item
</ol>

Answer 2

另一种选择是使用CSS3计数器:demo

HTML

<ul>
<li>One</li>
<li>Two</li>
<li class="skip">Skip</li>
<li>Three</li>
<li>Four</li>
</ul>?

CSS

ul {
    counter-reset:yourCounter;
}
ul li:not(.skip) {
    counter-increment:yourCounter;
    list-style:none;
}
ul li:not(.skip):before {
    content:counter(yourCounter) ".";
}
ul li.skip:before {
    content:"\a0\a0\a0"; /* some white-space... optional */
}