counter-reset属性(CSS设置)
counter-reset属性(CSS设置)
css counter-reset特点用于创建或重置一个或多个计数器,通常是和counter-increment特点,content特点一起运用。运用这个特点,计数器能够设置或重置为任何值,能够是正值或负值。假如没有供给 number,则默认为 0。
css counter-reset特点怎样用?
counter-reset特点创建或重置一个或多个计数器。
counter-reset: none|id number|inherit
特点值:
● none:默认。不能对选择器的计数器进行重置
● id number:id用于定义重置计数器的选择器(id 或 class)。 number用于设置此选择器出现次数的计数器的值;能够是正数、零或负数。
● inherit:规则应该从父元素继承 counter-reset 特点的值
阐明:运用这个特点,计数器能够设置或重置为任何值,能够是正值或负值。假如没有供给 number,则默认为 0。
注释:假如运用 "display: none",则无法重置计数器。假如运用 "visibility: hidden",则能够重置计数器。所有浏览器都支持 counter-reset 特点。
css counter-reset特点 示例
html><html><head><meta charset="utf-8"><style>body {counter-reset:section;}h2 {counter-reset:subsection;}h2:before{counter-increment:section;content:"章节 " counter(section) ". ";}h3:before {counter-increment:subsection;content:counter(section) "." counter(subsection) " ";}style>head><body><h2>PHP教程h2><h3>PHP教程h3><h3>PHP教程h3><h3>PHP教程h3><h2>HTML教程h2><h3>HTML教程h3><h3>HTML教程h3><h2>CSS教程h2><h3>CSS教程h3><h3>CSS教程h3>body>html>
关于css中 counter-reset特点怎样运用就分享到这儿了,希望以上内容能够对大家有一定的协助,能够学到更多知识。假如觉得文章不错,能够把它分享出去让更多的人看到。
作品标签: 属性 counter-reset
优秀作品:
最新作品:
评论列表(共200人参与)参与讨论或分享设计作品获得视觉癖积分奖励
规划公司以注册会员
2021-08-04 23:23:26
之前浏览器需求加载的档案文件。 classid特点 classid特点用于指定浏览器中包括的目标的方位,通常是一过媒体介绍、沟通、与受众沟通、沟通和互动,在公众面前树立和加强公司的品牌形象,在市场竞争中赢得机会。
回复,即每年注册会员
2021-08-04 10:0:36
们越来越重视游客
2021-08-04 23:53:12
游客88951:counter-reset属性> 中紫罗兰红 Android常用颜色列表-Lechie-博客园...DeepPink深粉红MediumVioletRed中紫罗兰红Orchid暗紫色/兰花紫div> 11、看着一家四口对着镜头的那种真挚而发乎于心的笑容的照片,我登时感到什么才叫平实的美好。 12、美好便是一
回复幼儿和学注册会员
2021-08-04 13:25:13
ds/allimg/210804/1-210P4145125.jpg" /> 5、全体的排版的描绘,全体排版是按照什么格局,这样的规划有什么寓意所在 6、一切规划说明要有一个中心点
回复