Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/database/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS中的计数器增量_Css - Fatal编程技术网

CSS中的计数器增量

CSS中的计数器增量,css,Css,我正在尝试获取一个有序列表,第一项不应以数字开头。编号应从第二项开始 请检查此URL我正在尝试实现的目标-- 这里使用计数器重置和计数器增量,第一项显示0,第二项从1开始。。如果我能删除一个0,我的问题就会解决 有人有更好的主意吗 问候,, Kheema只需将最后一条css规则更改为 ol li:before {content: ""; color: green; display: inline-block; width: ... ; } ol li + li:before {content:

我正在尝试获取一个有序列表,第一项不应以数字开头。编号应从第二项开始

请检查此URL我正在尝试实现的目标--

这里使用计数器重置和计数器增量,第一项显示0,第二项从1开始。。如果我能删除一个0,我的问题就会解决

有人有更好的主意吗

问候,,
Kheema

只需将最后一条css规则更改为

ol li:before {content: ""; color: green; display: inline-block; width: ... ; }
ol li + li:before {content: counter(chapter) "."; }
通过这种方式,您可以从第二个
li
元素开始插入内容(我使用了
li+li
,因此它也可以与
IE8
一起使用)


请参见fiddle:

将最后一条css规则更改为

ol li:before {content: ""; color: green; display: inline-block; width: ... ; }
ol li + li:before {content: counter(chapter) "."; }
通过这种方式,您可以从第二个
li
元素开始插入内容(我使用了
li+li
,因此它也可以与
IE8
一起使用)

请参阅fiddle:

尝试添加此规则:

ol li:nth-of-type(1):before{content: "";}
这将删除第一个元素的零。

尝试添加此规则:

ol li:nth-of-type(1):before{content: "";}

这将删除第一个元素处的零。

好的,我同意它会起作用,但对齐情况如何。。一旦数字被删除,它就不再与其他数字对齐。嗨,你知道CSW中的@counter-style三元组吗?你的确切意思是什么?这个问题与您的代码严格相关吗?如果不是,你应该接受一个答案并打开一个新问题我不是在问另一个问题,只是好奇,我们可以在CSS中使用@counter样式而不是使用counter属性吗。检查我找到这个URL的链接。好的,我同意它会起作用,但是对齐方式呢。。一旦数字被删除,它就不再与其他数字对齐。嗨,你知道CSW中的@counter-style三元组吗?你的确切意思是什么?这个问题与您的代码严格相关吗?如果不是,你应该接受一个答案并打开一个新问题我不是在问另一个问题,只是好奇,我们可以在CSS中使用@counter样式而不是使用counter属性吗。检查我找到此URL的链接。