counter-increment 属性设置某个选取器每次出现的计数器增量。默认增量是 1。
说明
利用这个属性,计数器可以递增(或递减)某个值,这可以是正值或负值。如果没有提供 number 值,则默认为 1。
注释:如果使用了 “display: none”,则无法增加计数。如使用 “visibility: hidden”,则可增加计数。
立即学习“前端免费学习笔记(深入)”;
值描述none
默认。选择器无计数器增量。
id number
id 定义将增加计数的选择器、id 或 class。
number 定义增量。number 可以是正数、零或者负数。
inherit
规定应该从父元素继承 counter-increment 属性的值。
实例
对部分和子部分进行编号(比如 “Section 1″、”1.1″、”1.2″)的方法:
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) " "; }注释:如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 counter-increment 属性。
HTML tutorials
HTML Tutorial
XHTML Tutorial
CSS Tutorial
Scripting tutorials
JavaScript
VBScript
XML tutorials
XML
XSL
登录后复制
以上就是css counter-increment属性怎么用的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2887040.html