Je voudrais définir une liste ordonnée avec des sous-listes non ordonnées. Vous pouvez voir dans l'exemple ci-dessous ce que je souhaite réaliser. Cela fonctionne jusqu'à ce que les listes non ordonnées obtiennent également des étiquettes numérotées. Comment puis-je éviter cela (pour d'autres sous-listes [donc au niveau 3, 4,...] également) ?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<style type="text/css">
/* %%% ordered lists, see http://stackoverflow.com/questions/2558358/how-to-add-brackets-a-to-ordered-list-compatible-in-all-browsers# %%% */
ul {
list-style-type: square;
padding: 0em 0em 0em 26px; /* indent from left */
}
ul li {
margin: 0.3em 0em 0em 0em; /* space between elements */
}
ol {
list-style-type: none;
padding: 0em; /* indent from left */
}
ol.orderedlist {
counter-reset:mycounter;
list-style-type: none;
}
ol.orderedlist li:before {
content: counter(mycounter) ") ";
counter-increment:mycounter;
}
</style>
</head>
<body>
<ol class="orderedlist">
<li>Point 1</li>
<ul>
<li>Foo</li>
<li>Bar</li>
</ul>
<li>Point 2</li>
<ul>
<li>Foo</li>
<li>Bar</li>
</ul>
</ol>
</body>
</html>
