在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
css counter属性被几乎所有浏览器(包括IE8)支持, 但是却不常使用, 这篇文章就带大家学习了解下这些属性 COUNTER-RESET 明译为计数器重置。形如: counter-reset: counter-name 常见写法为 /* Set counter-name to 0 */ counter-reset: counter-name; /* Set counter-name to -1 */ counter-reset: counter-name -1; /* Set counter1 to 1, and counter2 to 4 */ counter-reset: counter1 1 counter2 4; 用于在某个元素上重置counter COUNTER-INCREMENT couter-increment 明译为计数器重置 常用写法为 /* Increment counter-name by 1 */ counter-increment: counter-name; /* Decrement counter-name by 1 */ counter-increment: counter-name -1; /* Increment counter1 by 1, and decrement counter2 by 4 */ counter-increment: counter 1 counter2 -4; 在使用 counter-increment 之前 我们必须先使用 counter-reset 在其父元素初始化一个counter 例如: // parent element has a counter-reset // applied to instantiate it section { counter-reset: unicornCounter; } // specify the child element being counted section h1 { counter-increment: unicornCounter; } 在上面的代码里 section的每一个h1元素 将会被设置counted值1 css语法规则 COUNTER-RESET 和 COUNTER-INCREMENT 的语法类似 第一位 <custom-ident> 表示具体counter标识 可以是a-z 0-9 _ - 组合的单词 但不能是关键字none, unset, initial, or inherit 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持极客世界。 |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论