使用counter()在列表中自動(dòng)添加序號(hào)
另外一個(gè)在CSS 2.1在就已經(jīng)支持的功能是counter()，使用它，你能方便的在頁面標(biāo)題，區(qū)塊和其它各種連續(xù)出現(xiàn)的頁面內(nèi)容上添加序號(hào)。有了它，你就不必限制于只能使用<ol>來實(shí)現(xiàn)這個(gè)效果，你可以更靈活的在頁面上使用自定義數(shù)字序列。

counter-reset定義和用法
counter-reset 屬性設(shè)置某個(gè)選擇器出現(xiàn)次數(shù)的計(jì)數(shù)器的值。默認(rèn)為 0。

利用這個(gè)屬性，計(jì)數(shù)器可以設(shè)置或重置為任何值，可以是正值或負(fù)值。如果沒有提供 number，則默認(rèn)為 0。

注釋：如果使用 "display: none"，則無法重置計(jì)數(shù)器。如果使用 "visibility: hidden"，則可以重置計(jì)數(shù)器。

注釋：如果已規(guī)定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 counter-reset 屬性。

counter-reset可能的值

none：默認(rèn)。不能對(duì)選擇器的計(jì)數(shù)器進(jìn)行重置。

id number：id 定義重置計(jì)數(shù)器的選擇器、id 或 class。number 可設(shè)置此選擇器出現(xiàn)次數(shù)的計(jì)數(shù)器的值。可以是正數(shù)、零或負(fù)數(shù)。

inherit：規(guī)定應(yīng)該從父元素繼承 counter-reset：屬性的值。

關(guān)鍵就是它真的很簡(jiǎn)單：在:before偽類里的content屬性加入counter()：

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表