2011-09-23 4 views
7

Je ne peux pas sembler trouver une réponse concluante si je devrais appliquer le style de style de liste (ou l'un de ses parents) à ul/ol tags ou à la li marque. C'est probablement parce que cela ne fait aucune différence, mais peut-être quelqu'un pourrait confirmer cela et offrir une suggestion quant à la meilleure pratique.appliquer style de style de liste à ul ou li

Répondre

12

la meilleure pratique est d'attribuer des styles de liste à la liste elle-même (ul, ol) et de li aura en raison de la mise en cascade

de la recommandation w3 CSS2.1:

héritage sera Transférer les valeurs 'style de liste' des éléments OL et UL aux éléments LI. C'est la manière recommandée de spécifier des informations de style de liste.

cependant, IE6 et 7 ne reconnaissent pas cet héritage correctement, de sorte que vous devrez appliquer les styles de liste des éléments li si vous prévoyez de les soutenir

+1

Merci. Puis-je juste clarifier exactement - que cela signifie effectivement que pour le support de IE6 & 7 cela signifie que l'on aurait besoin d'appliquer type-style-type à la fois ul (ou ol) et li. – byronyasgur

+1

juste li fonctionnera pour tous les navigateurs – Einacio

2

Comme vous pouvez le voir sur la W3C documentation, il applique aux éléments avec display: list-item, qui signifie ul et ol éléments.

+2

fait, '' ul' et ol' avoir 'display: block'. 'li' est abbr pour' list item' – Einacio

+0

True. Quoi qu'il en soit, la propriété est ** héritée ** donc les éléments li l'obtiennent. – entropid

+0

sauf pour ie6/7 ... pour être clair? – byronyasgur