我有一个有序的列表,我想跳过特定项目的数字输出.
传统输出:
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>
“start” attribute,我以前不知道,但似乎不帮助我.
解决方法
另一个选择是使用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 */ }