当前位置:首页 > CSS手册 > 正文

counter-reset

作者:不详 来源: 【 】 浏览: 添加日期:2008-12-12 我要评论(0)     

CSS counter-reset 属性

定义

counter-reset 属性设置某个选择器出现次数的计数器的值。默认为 0。

利用这个属性,计数器可以设置或重置为任何值,可以是正值或负值。如果没有提供 number,则默认为 0。

注释:如果使用 "display: none",则无法重置计数器。如果使用 "visibility: hidden",则可以重置计数器。

继承性:NO

说明

利用这个属性,计数器可以递增(或递减)某个值,这可以是正值或负值。如果没有提供 number 值,则默认为 1。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法:

object.style.counterReset="sub-section 2"

例子

A way to number sections and sub-sections with "Section 1", "1.1", "1.2", etc.

h1:before
{
content: "Section " counter(section) ". ";
/* Add 1 to section */
counter-increment: section;
/* Set sub-section to 0 */
counter-reset: sub-section;
}

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

可能的值

描述
none默认。不能对选择器的计数器进行重置。
identifier numberidentifier 定义重置计数器的选择器、id 或 class。
number 可设置此选择器出现次数的计数器的值。可以是正数、零或负数。
(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖CSS手册〗Tags:

把本文章添加到会员中心我的学习计划里

相关文章

更多评论(0)..会员评论

出差旅游免费预订酒店

【视频教程】新手常见问题