css对li加序号 |sony ericsson st25i

下面是一段示例代码，它展示了如何使用CSS为无序列表添加序号：

<ul class="my-list">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>

.my-list {
counter-reset: my-counter;
list-style: none;
}
.my-list li:before {
content: counter(my-counter) ". ";
counter-increment: my-counter;
}

通过上面的CSS代码，大家实现了以下效果：

• 列表项1
• 列表项2
• 列表项3

大家使用了counter-reset属性来定义一个新的计数器my-counter，并在ul元素上设置了list-style: none;，隐藏了默认的列表项标志。接着，大家使用li:before伪元素来为每个列表项添加序号。在content属性中，大家使用了counter()函数来获取计数器的值，并在后面加上一个”.”和空格，即“1. ”、“2. ”等。最后，大家使用counter-increment属性来增加计数器的值。

如果大家想为有序列表添加序号，也是一样的道理。下面是一个示例代码：

<ol class="my-list">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>

.my-list {
counter-reset: my-counter;
}
.my-list li:before {
content: counters(my-counter, ".") " ";
counter-increment: my-counter;
}

大家只需要将list-style设置为默认的有序列表样式就行了。而在伪元素:before中，大家使用了counters()函数来获取整个计数器列表，这样就可以显示类似“1.1.”、“1.2.”等效果了。

总结来说，CSS为大家实现列表项序号提供了更灵活、更方便的解决方案。通过counter-reset、counter-increment和counters()等属性和函数，大家可以轻松地控制序号的格式和显示方式。这为大家的网页设计带来了更多的可能性。