Web速查-索引

Alt text

定义

counter-increment属性递增一个或多个计数器值。

注意:通常用于counter-reset属性和content属性。

语法

counter-ncrement:none|id|number|inherit;

属性值

属性 说明
none 没有计数器将递增
id 将增加计数的选择器、id 或 class。
number 定义增量。number 可以是正数、零或者负数。
inherit 指定counter-increment属性的值,应该从父元素继承

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鱼C-零基础入门学习Web(Html5+Css3)</title>
<style>
body {counter-reset:section;}
h1 {counter-reset:subsection;}
h1:before
{
counter-increment:section;
content:"系列 " counter(section) ": ";
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
</style>
</head>
<body>
<h1>鱼C出品</h1>
<h2>零基础入门学习Web开发(HTML5&CSS3)</h2>
<h2>零基础入门学习Web开发(JavaScript)</h2>
<h2>零基础入门学习Web开发(Node.js)</h2>
<h1>配套图书</h1>
<h2>零基础入门学习Web开发(HTML5&CSS3)</h2>
<h2>零基础入门学习Web开发(JavaScript)</h2>
<h1>其他</h1>
<h2>课后作业</h2>
<h2>阶段考核</h2>
<h2>课后阅读</h2>
</body>
</html>

鱼C出品

零基础入门学习Web开发(HTML5&CSS3)

零基础入门学习Web开发(JavaScript)

零基础入门学习Web开发(Node.js)

配套图书

零基础入门学习Web开发(HTML5&CSS3)

零基础入门学习Web开发(JavaScript)

其他

课后作业

阶段考核

课后阅读


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
1.0 1.0 1.0 8.0