从编号中排除单个列表项

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>