2012-06-07 15 views
11

È possibile combinare la funzione css counters() con zeri, producendo un elenco come questo:contatori css nidificate con zeri

Item 01 
    Item 01.01 
    Item 01.02 
    Item 01.02.01 

zeri sono possibili utilizzando content: counter(name, decimal-leading-zero), e combinando contatori nidificati è possibile utilizzare content: counters(name, ".").

Sono a conoscenza di soluzioni alternative se il livello di annidamento è noto (ad esempio, so che l'elenco anniderà solo 3 livelli in profondità), ma qualcuno sa se è possibile combinare questi elenchi per un livello sconosciuto di nidificazione?

risposta

20

Sì, è possibile combinare questi - basta fornire lo stile del contatore come ultimo argomento a counters():

content: counters(name, ".", decimal-leading-zero) 
+0

che è grande, ero stato a guardare le specifiche per un po 'e proprio non poteva vederlo, Grazie! Modifica [trovato ora] (http://www.w3.org/TR/CSS21/syndata.html#counter). – Jason

+0

Grazie mille! Mi hai salvato il tempo ... – hayatbiralem