Comment puis-je utiliser les parenthèses droites comme marqueurs de liste ordonnée en HTML ?

Personnalisation des marqueurs de liste ordonnée : parenthèses droites pour l'alpha inférieur

Le type alpha inférieur standard pour les listes ordonnées en HTML utilise des points (' .'), mais que se passe-t-il si vous devez utiliser des parenthèses droites ('a)', 'b)', etc.) à la place ?

CSS propose une solution utilisant des compteurs, qui permettent une numérotation automatique des éléments. Avec quelques modifications, vous pouvez obtenir le style de liste souhaité :

ol {
  counter-reset: list;
}
ol > li {
  list-style: none;
}
ol > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

Dans ce code CSS :

• counter-reset: list; initialise un compteur appelé 'list' à 0.
• list-style : none ; supprime le style de liste par défaut, par exemple les points et les tirets.
• content: counter(list, lower-alpha) ") "; définit le contenu à insérer avant chaque élément de la liste, qui est la valeur du compteur au format alpha inférieur suivi d'une parenthèse droite.
• counter-increment: list; incrémente le compteur « liste » de 1 pour chaque élément de la liste.

En incorporant ce CSS, votre liste ordonnée aura des marqueurs alpha inférieurs entre parenthèses droites. Ajustez le remplissage et les autres propriétés de style selon vos besoins pour aligner et afficher la liste selon vos besoins.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!