html - 从编号中排除单个列表项

Question

我有以下列表:

<ol>
   <li class="caption">Caption</li>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
</ol>

我希望第一个 li 没有任何数字，第二个元素以数字 1 开头。仅使用 CSS 可以实现吗？

Answer 1

是的，只需display到block，这样该元素就不会显示为列表项，因此也将从编号中排除。

.caption { display: block; }

<ol>
   <li class="caption">Caption</li>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
</ol>