start="number"
craint car il ne change pas automatiquement en fonction de la numérotation qui le précède.
Une autre façon de faire cela qui peut répondre à des besoins plus complexes consiste à utiliser counter-reset
et counter-increment
.
Problème
Dites que vous vouliez quelque chose comme ça:
1. Item one
2. Item two
Interruption from a <p> tag
3. Item three
4. Item four
Vous pouvez définir start="3"
le troisième li
du second ol
, mais vous devrez maintenant le modifier chaque fois que vous ajoutez un élément au premierol
Solution
Commençons par effacer le formatage de notre numérotation actuelle.
ol {
list-style: none;
}
Nous aurons chaque li montrer le compteur
ol li:before {
counter-increment: mycounter;
content: counter(mycounter) ". ";
}
Maintenant, nous devons simplement nous assurer que le compteur se réinitialise uniquement sur le premier ol
au lieu de chacun.
ol:first-of-type {
counter-reset: mycounter;
}
Démo
http://codepen.io/ajkochanowicz/pen/mJeNwY
Maintenant, je peux ajouter autant d'éléments à l'une ou l'autre liste et la numérotation sera préservée.
1. Item one
2. Item two
...
n. Item n
Interruption from a <p> tag
n+1. Item n+1
n+2. Item n+2
...