html – 跳过有序列表项目编号

概述我有一个有序的列表,我想跳过特定项目的数字输出. 传统输出： 1. List item2. List item3. List item4. List item5. List item 所需输出： 1. List item2. List item Skipped list item3. List item4. List item5. List item 这可以在CSS中实现吗？ 我有一个有序的列表,我想跳过特定项目的数字输出.

传统输出：

1. List item2. List item3. List item4. List item5. List item

所需输出：

1. List item2. List item   Skipped List item3. List item4. List item5. List item

这可以在CSS中实现吗？我发现一个<ol> “start” attribute,我以前不知道,但似乎不帮助我.

解决方法 另一个选择是使用CSS3计数器： demo

HTML

<ul><li>One</li><li>Two</li><li >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 */}

总结

以上是内存溢出为你收集整理的html – 跳过有序列表项目编号全部内容，希望文章能够帮你解决html – 跳过有序列表项目编号所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。