无序列表(ul)改变 bullet 办法比较简单（list-style,:before），有序列表(ol)怎么办呢？

方法一

<ol class="ulTest01">
    <li><span>第一行</span></li>
    <li><span>第二行</span></li>
    <li><span>第三行</span></li>
</ol>

<style>
.ulTest01 li {font-size: 1.6em;font-style: italic;color:#3a7312;}
.ulTest01 li span {font-size: 14px;font-style: normal;color:#444;}
</style>

效果：

1. 第一行


2. 第二行


3. 第三行

兼容所有浏览器。但需要手工加入 span，当然也可以用 jQuery 来处理

$('.ulTest01 li').wrapInner('');

方法二

只用css，不支持 ie8 以下

<ol class="ulTest02">
    <li>第一行</li>
    <li>第二行</li>
    <li>第三行</li>
</ol>

<style>
.ulTest02,.ulTest02 li {list-style: none;margin:0;padding:0;}
.ulTest02 {counter-reset:li;}
.ulTest02 li:before {content:counter(li) ;counter-increment:li;display:inline-block;margin-right: 0.5em;font-size: 1.6em;font-style: italic;color:#3a7312;}
</style>

效果：

1. 第一行


2. 第二行


3. 第三行

方法三

用jQuery each 遍历 。

jQuery('ul#test li').each(function(){
    $(this).prepend(''+$(this).index()+'')
})