csscounter在列表中自動添加序號的技巧

歡迎大家在這裡學習csscounter在列表中自動添加序號這裡是我們給大家整理出來的精彩內容。我相信，這些問題也肯定是很多朋友在關心的，所以我就給大家談談這個!

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

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

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

代碼如下:

body {

counter-reset: heading;

}

h4:before {

counter-increment: heading;

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

}

如果你想知道更多關於這個counter歸零和自增方法的知識，請參考關於這個主題的Mozilla Developer Network頁面。裡面有個極好的如何使用嵌套counter的例子。

好了csscounter在列表中自動添加序號內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

divcss顯示HTML屬性值的方法