CSS中使用counter()在列表中自動添加序號

 　　在CSS 2.1在就已經支持的功能是counter()，使用它，你能方便的在頁面標題，區塊和其它各種連續出現的頁面內容上添加序號。有了它，你就不必限制於只能使用

來實現這個效果，你可以更靈活的在頁面上使用自定義數字序列。

 

　　關鍵就是它真的很簡單：在:before偽類裡的content屬性加入counter()：

　　body {

　　counter-reset: heading;

　　}

　　h4:before {

　　counter-increment: heading;

　　content: "Heading #" counter(heading) ".";

　　}