zoukankan      html  css  js  c++  java
  • CSS计数器

    计数器步骤:

    1、设置计数器的名称,同时设置初始值。

      例:counter-reset: like ;(默认值为0)

    2、设置计数器的自增。

      例: counter-increment: like 1;(当没有给值时,初始值为1)

    3、把Increment放置在自增的标签内。

    实例:

    html部分:

    <ol>

      <li>吃饭</li>

      <li>睡觉</li>

      <li>玩耍</li>

    </ol>

    css部分:

    ol{

      counter-reset : like;

    }

    li{

      counter-increment : like 1;

    }

    li:before{

      content : counters(like) '、'

      color:blue;

    }

    注意:

    reset解决兼容性;

    counter-reset: like 1; 分隔符用空格,表示初始值1;

    counter-reset: like; 当没有初始值,默认0;

    多个计数器的名称格式:

    例:

    counter-reset: book1  sina2  baidu3;

    另:

    设置子序号:

    li:before{

      content:counters(like,'_')":";

      color:blue;

    }

  • 相关阅读:
    win2008服务器信任问题
    切换cmd的目录
    c#后的完整cookie
    c#网络编程-第一章
    c#访问mysql数据库
    标准库hashlib模块
    标准库ConfigParser模块
    标准库shutil
    标准库 xml
    标准库shelve
  • 原文地址:https://www.cnblogs.com/smuwgeg/p/9614572.html
Copyright © 2011-2022 走看看