Non riesco a trovare una risposta definitiva sull'opportunità di applicare lo stile elenco-tipo-tipo (o uno qualsiasi dei suoi parenti) a ul/ol tag o al li etichetta. Questo è probabilmente perché non fa alcuna differenza, ma forse qualcuno potrebbe confermarlo e offrire un suggerimento sulle migliori pratiche.applica list-style-type a ul o li
risposta
la pratica migliore è quella di assegnare gli stili di elenco alla lista stessa (UL, OL), e Li avrà a causa della cascata
dalla raccomandazione CSS2.1 w3:
eredità sarà trasferire i valori 'list-style' dagli elementi OL e UL agli elementi LI. Questo è il metodo consigliato per specificare le informazioni sullo stile dell'elenco.
tuttavia, IE6 e 7 non riconosceranno questa eredità correttamente, quindi dovrete applicare gli stili di elenco di elementi li se si prevede di sostenerli
Come si può vedere dalla W3C documentation, essa si applica ad elementi con display: list-item
, che significa ul
e ol
elementi.
realtà, '' ul' e olo avere 'display: block'. 'li' è abbr per' item item' – Einacio
True. Comunque la proprietà è ** ereditata ** così gli elementi li ottengono. – entropid
ad eccezione di ie6/7 ... per essere chiari? – byronyasgur
- 1. html ul li - tabs
- 2. aggiungi li a metà del ul (jquery)
- 3. JQuery ul li select list
- 4. Determinare se un UL ha 1 o più LI entro
- 5. Come contare Li che non ha ul?
- 6. CSS ul li: Evitare i doppi bordi
- 7. Elenco query frutteto Rendering - Rimuovi ul li
- 8. Rails rendering collection in ul li
- 9. ottenere tutto li dentro ul utilizzando jQuery
- 10. Centrare un ul con Li galleggiare
- 11. jQuery aggiungere classe a Li corrente e rimuovere prev li quando clic all'interno di li a
- 12. Fisarmonica bootstrap/pieghevole non funzionante con ul/li navigation
- 13. Come creare il rientro in html ul li tag
- 14. evitare doppio evento (onclick) con nid ul/li nid
- 15. creare ul e li utilizzando un array multidimensionale in php
- 16. Ordinamento lista html ul/li in blocchi verticali alfabetici
- 17. UL ha margine a sinistra
- 18. Gruppo xml per id padre in ul li html
- 19. jQuery, trova il nome della classe li (dentro ul)
- 20. jquery conta elementi li dentro ul -> lunghezza?
- 21. JQuery - $ ('# test ul> li'). Index (2) .hide(); - possibile?
- 22. li ul li è troppo lungo, line wraps ma nessuna indentazione
- 23. Attiva o disattiva la visualizzazione di un sottomenu ul solo se li genitore viene cliccato
- 24. JQuery - Come spostare un li in un'altra posizione in ul? (scambio 2 li)
- 25. come faccio a trovare se ul contiene li con id in una condizione if
- 26. Devo usare nav o ul
- 27. L'operatore Java & = applica & o &&?
- 28. per ul
- 29. Come allineare centralmente un float: menu di navigazione ul/li a sinistra con css?
- 30. UL + CSS per il layout a griglia
Grazie. Posso semplicemente chiarire esattamente che questo significa in effetti che per il supporto di IE6 e 7 questo significa che è necessario applicare list-style-type sia a ul (o a ol) che a li. – byronyasgur
proprio li funzionerà per tutti i browser – Einacio