这个 例子挺有趣，道理也很简单，ol 外面的那个数字也受 ol 的样式控制，所以里面用 p 恢复普通样式即可

</p> <style type="text/css"> <p>ol {color:red;font-size:150%;font-style:italic;font-weight:700;}</p> <p>li p {color:#666;font-style:normal;font-size:12px;font-family:verdana,sans-serif}</p> </style> <ol> <li> <p>列表项目</p> </li> <li> <p>列表项目</p> </li> <li> <p>列表项目</p> </li> <li> <p>列表项目</p> </li> </ol> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

via Style Your Ordered List