• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • counter-set

    版本:CSS3

    counter-set CSS属性将CSS计数器设置为给定值。它操作现有计数器的值,并且只在元素上没有给定名称的计数器时创建新计数器。

    示例

    /* Set "my-counter" to 0 */
    counter-set: my-counter;
    
    /* Set "my-counter" to -1 */
    counter-set: my-counter -1;
    
    /* Set "counter1" to 1, and "counter2" to 4 */
    counter-set: counter1 1 counter2 4;
    
    /* Cancel any counter that could have been set in less specific rules */
    counter-set: none;
    
    /* Global values */
    counter-set: inherit;
    counter-set: initial;
    counter-set: unset;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE8以上版本的浏览器都支持counter-set

    语法

    counter-set:[<custom-ident><integer>?]+| none

    取值

    • <custom-ident>:递增的计数器的名称。该标识符由不区分大小写的字母a~z,数字0~9,下划线(_)和/或短划线(-)的组合组成。第一个非破折号字符必须是一个字母(即,在它的开头没有数字,即使前面有破折号。)此外,在标识符的开头禁止使用两个破折号。在任何案例组合中都不能是noneunsetinitialinherit
    • <integer>:计数器的值。如果没有给出,默认为0。
    • none:该关键字表示不执行计数器重置。它可用于重置隐藏在不太具体的规则中定义的计数器。你可以指定要根据需要重置的计数器,每个计数器用空格分隔。

    实例

    h1 {
      counter-set: chapter section 1 page;
      /* Sets the chapter and page counters to 0,
         and the section counter to 1 */
    }
    

    上篇:counter-reset

    下篇:@counter-style