order list in html

Ich muss Bedingungen Seite in HTML machen, also möchte ich ihnen eine Nummer geben, aber einige Bedingungen haben ihren Unterpunkt, so möchte ich ihnen wie unten Beispiel zeigen.order list in html

mir der erste Punkt

1.1 und mir den Unterpunkt
mir der zweite Punkt
me der dritte Punkt
mir der vierte

4.1 und mir der Unterpunkt t

es möglich ist, sie eine solche Nummer Format zu geben, mit CSS

<style> 
ol {list-style:decimal} 


</style> 
</head> 

<body> 
<ol> 

<li>me the first point 
<ol><li>me the sub point</li></ol> 

</li> 
<li>me the second point</li> 
<li>me the third point</li> 
<li>me the forth point</li> 


</ol> 

</body>

Quelle

2012-04-12 Carlos

Hier finden Sie eine Antwort - http://StackOverflow.com/Questions/956178/HTML-CSS-Outline-Numbering oder hier - http://StackOverflow.com/Questions/1852816/Nested-Ordered-lists –

Sie können hierfür CSS Counter-Inkrement verwenden. schreiben wie folgt aus:

body{ 
    counter-reset: chapter 0; 
} 
li{ 
    counter-reset: sub-chapter 0; 
    margin-left:20px; 
    position:relative; 
} 
li:before{ 
    counter-increment: chapter; 
    content: counter(chapter) ". "; 
} 
li li:before{ 
    counter-increment: sub-chapter; 
    content: counter(chapter) "." counter(sub-chapter) ": "; 
} 
li:before{ 
    position:absolute; 
    left:-20px; 
}

prüfen diese http://jsfiddle.net/gNqXL/

Es Werk bis IE8 & oben.

Quelle

2012-04-12 04:08:30 sandeep