# CSS counter-increment 属性 ## 实例 对部分和子部分进行编号（比如 "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) " "; } ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有浏览器都支持 counter-increment 属性。 注释：如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 counter-increment 属性。 ## 定义和用法 counter-increment 属性设置某个选取器每次出现的计数器增量。默认增量是 1。 ### 说明 利用这个属性，计数器可以递增（或递减）某个值，这可以是正值或负值。如果没有提供 number 值，则默认为 1。 注释：如果使用了 "display: none"，则无法增加计数。如使用 "visibility: hidden"，则可增加计数。 | 默认值： | none | | --- | --- | | 继承性： | no | | --- | --- | | 版本： | CSS2 | | --- | --- | | JavaScript 语法： | _object_.style.counterIncrement="subsection" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | none | 默认。选择器无计数器增量。 | | _id number_ | _id_ 定义将增加计数的选择器、id 或 class。 _number_ 定义增量。number 可以是正数、零或者负数。 | | inherit | 规定应该从父元素继承 counter-increment 属性的值。 | ## 相关页面 CSS 参考手册：[CSS :before 伪元素](/cssref/pr_pseudo_before.asp "CSS :before 伪元素") CSS 参考手册：[CSS :after 伪元素](/cssref/pr_pseudo_after.asp "CSS :after 伪元素") CSS 参考手册：[content 属性](/cssref/pr_gen_content.asp "CSS content 属性") CSS 参考手册：[counter-reset 属性](/cssref/pr_gen_counter-reset.asp "CSS counter-reset 属性")