Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484

    Formattazione elenchi ed ereditarietà

    Vorei impostare la formattazione di una serie di elenchi nel CSS,
    ma evidentemente mi sfugge qualcosa sull'ereditarietà.
    Iniziamo dal primo codice:
    codice:
    ol{list-style-type:upper-roman}
    ol ol{list-style-type:upper-alpha}
    ol ol ol{list-style-type:decimal}
    E fin qui tutto funziona: avrò un elenco del tipo:
    I.
    A.
    1.
    2.
    B.
    1.
    2.
    II.
    ecc
    Se però voglio distinguere due tipi di elenco, ad es aggiungendo
    una seconda tipologia e mettendo nel CSS
    codice:
    ol{list-style-type:upper-roman}
    ol ol{list-style-type:decimal}
    per avere un elenco del tipo
    I.
    1.
    2.
    II.
    1.
    2.
    e allora chiamando ad es il primo ol.nested e il secondo ol.seminested.
    e distinguendo le classi nell'HTML, la cosa non funziona più.
    Vale semplicemente l'elenco presente per ultimo nel CSS.
    Ora, come posso mantenere distinti i due tipi di elenchi?

    Grazie
    M.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Rivediti il tutorial CSS al capitolo selettori.

    Visto che definisci le classi nella tua marcatura HTML, usale le classi nel CSS:
    HTML
    codice:
    Prima lista:
    
    1. ...
      1. ...
        1. ...
    ... Seconda lista:
    1. ...
      1. ...
    CSS:
    codice:
    ol.trelivelli {list-style-type:upper-roman}
    ol.trelivelli  ol{list-style-type:upper-alpha}
    ol.trelivelli  ol ol{list-style-type:decimal}
    
    ol.duelivelli {list-style-type:upper-roman}
    ol.duelivelli  ol{list-style-type:decimal}
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    484
    Infatti, avevo sbagliato il codice CSS...
    Grazie!
    M.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.