如何通过标记实现以下列表布局？

Question

可能重复：
Achieving sub numbering on ol items html

我试图通过使用无序列表来实现这样的事情：

1.标题

目的：这里的一些文字...

          1.1选项1
          1.2选项2
          1.3选项3

2.标题

目的：这里的一些文字...

          2.1选项1
          2.2选项2
          2.3选项3

---

我尝试使用list-style: decimal;但只达到号码，如1，2，3等而我需要他们具有2.3的1.2格式，1.3 ... 2.1，等等。而且是通过使用一个可实现本无序列表或将我需要使用几个？

Answer 1

在我的项目之一，我用这个代码（demo）

（我不记得在哪里我得到它，但它的作品）

ol{ 
    counter-reset: listing ; 
} 
li { 
    display: block ; 
} 
li:before { 
    content: counters(listing, ".") " "; 
    counter-increment: listing ; 
} 

这种方法可以让你在控制器当然很多其他的事情：你可以自定义计数器，你高兴使用content财产

Answer 2

我认为这是不可能的。看到这里所有list-style可能的类型http://www.w3schools.com/Css/tryit.asp?filename=trycss_list-style-type_all

Answer 3

我觉得可能是浏览器的兼容性ISSU es在css中有counter counter。

为什么不使用jquery？

<style type="text/css"> 
ul 
{ 
    list-style-type: none; 
} 
</style>  

<ul> 
    <li>option 1</li> 
    <li>option 2</li> 
    <li>option 3</li> 
</ul> 


<script> 
var num = 1.0; 
$("li").each(function(index) { 
    var text = $(this).text(); 
    index++; 

    list = num + (index/10); 

    $(this).html(list + " . " + text); 

}); 
</script>