有些情況下需要將網(wǎng)頁中的最新排行或者是點擊排行靠前的幾篇文章用項目序號標注出來笛丙。比如說嫉鲸，給10篇文章加上1-10的項目序號，并且在前三篇文章前標注紅色的顏色棵磷，方便用戶閱讀蛾狗。可能有很多方法去完成仪媒，有的人會使用額外標簽添span或者i內(nèi)添加數(shù)字用css樣式控制沉桌，還有人會用偽元素before與額外標簽結(jié)合使用等情況。
最近時間算吩，偶然看到css中的counter-increment屬性可以簡單方面的給標簽前面添加項目序號留凭，說實話這個屬性我還是第一次見到，它就像一個for循環(huán)可以自動給li標簽或者其他標簽加項目序號偎巢。具體介紹可以到w3c教程網(wǎng)去瞧瞧蔼夜。
在這介紹下我的站是如何給文章li標簽前加序號。
首先压昼，給li標簽定義一個計數(shù)器的名字求冷，比如listxh。
li { counter-increment: listxh;}
然后窍霞，給每個li標簽前加序號匠题。
li:before {
content: counter(listxh);
}
