web-dev-qa-db-fra.com

Le style de liste de propriétés CSS doit-il être appliqué à <ul>/<ol> ou à <li>?

La plupart des sites indiquent que la syntaxe est la suivante: list-style est appliqué à <li>, mais certains sites de tutoriels (comme celui-ci ) appliquent list-style au <ul> ou au <ol>.

Quelle est la "bonne" façon?

39
pixeltocode

Selon la référence CSS2 du W3C, que vous pouvez trouver ici ,

Une autre solution consisterait à spécifier des informations de type "liste" uniquement sur les éléments de type liste:

ol.alpha  { list-style-type: lower-alpha }
ul        { list-style-type: disc }

L'héritage transférera les valeurs de style de liste des éléments OL et UL aux éléments LI. C'est la méthode recommandée pour spécifier les informations de style de liste. 

Vous pouvez donc le faire au niveau de la liste si tous vos éléments sont identiques, mais au niveau de la liste si, par exemple, certaines entrées ont des glyphes différents ) pour transmettre un sens. Vous pouvez également faire both , le style de niveau liste servant de valeur par défaut à remplacer (mais faites attention à la priorité du sélecteur!).

42
Pointy

Comme le fait de ne pas avoir de style de liste est généralement plus courant que d'avoir un style de liste, je l'applique personnellement aux deux dans une réinitialisation globale en haut de ma feuille de style.

1
Tom

La spécification vous recommande de le définir sur les balises <ul> et <ol>, et non sur <li>.

Voir http://www.w3.org/TR/REC-CSS1/#list-style

0
Stuart Memo