est-il possible d'avoir 1.1 First Item
1.2 Second Item
2.1 Other item
4 Réponses :
Vous pouvez utiliser du contenu et des compteurs générés par CSS, mais devinez quel navigateur ne le supporte pas ...
Si vous avez besoin d'assistance générale, vous aurez besoin de le serveur ou avec JavaScript.
http://www.w3.org/tr/css21/generate.html < / a>
http: //www.evotech .NET / Blog / 2009/05 / CSS-CONTENU-CONTERMENT-INCRÈME-CONTERMENT-RESET /
Cette page répertorie tous les types de style de liste disponibles dans HTML (ainsi que la compatibilité du navigateur):
http://www.quirksmode.org/css/lists.html < / p>
Comme vous pouvez le constater, les numéros sous-pointus ne sont pas une option prise en charge, donc si vous souhaitez le faire exactement comme vous l'avez suggéré, vous devrez le faire manuellement - du texte brut ou du javascript ou de l'utilisation possible. CSS Alternativement, acceptez simplement que HTML ne le supporte pas et accédez à un système de numérotation alternatif pris en charge. L'utilisation de listes imbriquées vous permettra de numéroter la liste extérieure numérotée 1,2,3, etc., tandis que la liste intérieure est numérotée I, II, III, IV, etc.
espère que cela aide. avant: (cette dernière option aurait pu être mon choix préféré, sauf qu'il ne fonctionnera pas dans les versions plus anciennes de IE)
Juste pour le plaisir, cette petite jQuery Snippet
<ol>
<li>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
</li>
<li>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
</li>
<li>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ol>
</li>
<li>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ol>
</li>
</ol
La bonne façon de le faire est d'utiliser la propriété CSS contre-incrémentation.
Vous pouvez définir des sections et des sous-sections comme "Section 1", "1.1", "1.2", etc.
http://www.w3schools.com/cssref/pr_gen_counter-incrènement.asp
<style>
ol { counter-reset: item }
li { display: block }
li:before { content: counters(item, ".") " "; counter-increment: item }
</style>
<ol>
<li>First level</li>
<li>First level 2
<ol>
<li>Second level</li>
<li>Second level 2
<ol><li>Third level</li></ol>
</li>
</ol>
</li>
</ol>
Cela fonctionne très bien et est soutenu par tous les navigateurs à ce stade. Devrait être marqué comme la solution. Merci!
Cela fonctionne mais affecte toutes les listes de la page. Quelqu'un peut-il expliquer pourquoi quand j'enveloppe mon
dans