阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    CSS counter-increment

    CSS 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) " ";
    }
    

    属性定义及使用说明

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

    counter-increment属性通常用于counter-reset属性和content属性。

    默认值: none
    继承: no
    版本: CSS2
    JavaScript 语法: object.style.counterIncrement=“subsection”

    浏览器支持

    所有主流浏览器都支持counter-increment属性。

    **注意:**IE8只有指定!DOCTYPE才支持counter-increment属性。


    属性值

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

    相关文章

    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录