什麼是清單編號的正確方法？

可能重複：
Number nested ordered lists in HTML 什麼是清單編號的正確方法？

道歉，因爲我有點CSS小白。

我有一個條款和條件列表。

的每個部分都進行了編號如下：

1.0 This Website 
1.1 This website... 
1.2 etc etc 

2.0 ... 
2.1 ... 
2.2 ...

我知道我可以使用一個有序列表，但據我所知它「開始」財產貶值。

我得到了什麼替代方案？

來源

2013-01-17 dotnetnoob

** **開始在HTML5重新，所以你可以使用它https://developer.mozilla.org/en-US/docs/H TML/Element/ol – Ankur

檢查了這一點：http://stackoverflow.com/questions/2729927/number-nested-ordered-lists-in-html –

您還可以使用list-style-type css屬性。

ol { list-style-type: decimal; }

來源

2013-01-17 10:35:22 Ankur

這是默認設置，它會生成簡單的編號1，2，3等等，不像「1.0」那樣編號。 –

從Mozilla - Using CSS counters

JSFiddle

HTML竊取：

<ol class="level0"> 
    <li>This Website 
    <ol> 
     <li>This website</li> 
     <li>etc etc</li> 
    </ol> 
    </li> 
    <li>... 
    <ol> 
     <li>...</li> 
     <li>...</li> 
    </ol> 
    </li> 
</ol>

CSS：

ol { 
    counter-reset: section; 
    list-style-type: none; 
} 

ol.level0 > li:before { 
    counter-increment: section; 
    content: counters(section, ".") ".0 "; 
} 

li:before { 
    counter-increment: section; 
    content: counters(section, ".") " "; 
}

來源

2013-01-17 11:20:38

您可以使用反增量爲此。像這樣寫： HTML

<ol> 
    <li>item 1 
    <ol> 
     <li>sub item 1</li> 
     <li>Sub item 2</li> 
    </ol> 
    </li> 
    <li>item 2 
    <ol> 
     <li>sub item 1</li> 
     <li>Sub item 2</li> 
    </ol> 
    </li> 
</ol>

CSS

ol { 
    counter-reset: section; 
    list-style-type: none; 
}  
ol li { counter-increment: section; } 

ol li:before { content: counters(section, ".") ". "; }

入住這http://jsfiddle.net/xC8ne/10/

來源

2013-01-17 11:21:10 sandeep

什麼是清單編號的正確方法？

回答

相關問題