css counter-increment属性
翻译结果:
counter
英 [ˈkaʊntə(r)] 美 [ˈkaʊntɚ]
n.计数器;柜台;对立面;(某些棋盘游戏的)筹码
adj.相反的
vt.反击,还击;反向移动,对着干;反驳,回答
vi.逆向移动,对着干;反驳
adv.反方向地;背道而驰地
第三人称单数: counters 复数: counters 现在分词: countering 过去式: countered 过去分词: countered
increment
英 [ˈɪŋkrəmənt] 美 [ˈɪnkrəmənt, ˈɪŋ-]
n.增量;增长;增额; 定期的加薪
复数: increments
css counter-increment属性语法
作用:设置某个选取器每次出现的计数器增量。默认增量是 1。
说明:利用这个属性,计数器可以递增(或递减)某个值,这可以是正值或负值。如果没有提供 number 值,则默认为 1。
注释:如果使用了 "display: none",则无法增加计数。如使用 "visibility: hidden",则可增加计数。
css counter-increment属性示例
<!DOCTYPE> <html> <head> <style type="text/css"> body {counter-reset:section;} h1 {counter-reset:subsection;} h1:before { counter-increment:section; content:"Section " counter(section) ". "; } h2:before { counter-increment:subsection; content:counter(section) "." counter(subsection) " "; } </style> </head> <body> <p><b>注释:</b>如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 counter-increment 属性。</p> <h1>HTML tutorials</h1> <h2>HTML Tutorial</h2> <h2>XHTML Tutorial</h2> <h2>CSS Tutorial</h2> <h1>Scripting tutorials</h1> <h2>JavaScript</h2> <h2>VBScript</h2> <h1>XML tutorials</h1> <h2>XML</h2> <h2>XSL</h2> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例