實(shí)例

對(duì)部分和子部分進(jìn)行編號(hào)（比如 "Section 1"、"1.1"、"1.2"）的方法：

body
  {
  counter-reset:section;
  }

h1
  {
  counter-reset:subsection;
  }

h1:before
  {
  content:"Section " counter(section) ". ";
  counter-increment:section;
  }

h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) " ";
  }

親自試一試

瀏覽器支持

所有瀏覽器都支持 counter-increment 屬性。

注釋?zhuān)?/span>如果已規(guī)定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 counter-increment 屬性。

定義和用法

counter-increment 屬性設(shè)置某個(gè)選取器每次出現(xiàn)的計(jì)數(shù)器增量。默認(rèn)增量是 1。

說(shuō)明

利用這個(gè)屬性，計(jì)數(shù)器可以遞增（或遞減）某個(gè)值，這可以是正值或負(fù)值。如果沒(méi)有提供 number 值，則默認(rèn)為 1。

注釋?zhuān)?/span>如果使用了 "display: none"，則無(wú)法增加計(jì)數(shù)。如使用 "visibility: hidden"，則可增加計(jì)數(shù)。

可能的值

相關(guān)頁(yè)面

CSS 參考手冊(cè)：CSS :before 偽元素

CSS 參考手冊(cè)：CSS :after 偽元素

CSS 參考手冊(cè)：content 屬性

CSS 參考手冊(cè)：counter-reset 屬性