如何通過標記實現以下列表佈局？

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>