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