Css计数器列表 [英] Css counter for list

问题描述

我试图在我的有序列表中使用css中的计数器增量，但它不工作

I am trying to use the counter increment in css on my ordered list but its not working

这是我想显示的：

1. Acknowledgements
   1.1 blah, blah ....
   1.2 blah, blah ....
   1.3 blah, blah ....

2. Risk Statement
   2.1 blah, blah ....
   2.2 blah, blah ....
   2.3 blah, blah ....

3. License
   3.1 blah, blah ....
   3.2 blah, blah ....
   3.3 blah, blah ....

但这是发生了什么... http://jsfiddle.net/ XQKcy /

But this s what is happening... http://jsfiddle.net/XQKcy/

推荐答案

演示小提琴

您非常接近：

Demo Fiddle

You were very close:

body {
    counter-reset: listCounter;
}
ol {
    counter-increment: listCounter;
    counter-reset: itemCounter;
    list-style:none;
}
li{
    counter-increment: itemCounter;
}
li:before {
    content: counter(listCounter) "." counter(itemCounter);
    left:10px;
    position:absolute;
}

这篇关于Css计数器列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！