¿Puedo obtener el valor de contador CSS del padre?

Question

que necesito para poner en práctica el estilo siguiente lista:

 
01 Item 1 
02 Item 2 
    02a Item 2a 
    02b Item 2b 
03 Item 3 

¿Cómo puedo obtener el valor del contador de la matriz a utilizar en el contenido de mi artículo :before sub? (02 en mi ejemplo anterior)

Answer 1

Utiliza dos contadores diferentes: uno para los padres li y uno para los subelementos li. Luego, en cada li subtema, concatenar múltiples counter() funciones utilizando cada contador, como este:

ol { 
    counter-reset: item; 
} 

ol ol { 
    counter-reset: subitem; 
} 

li { 
    display: block; 
} 

/* First level of parent items */ 
li:before { 
    content: counter(item, decimal-leading-zero) ' '; 
    counter-increment: item; 
} 

/* Second level of subitems */ 
li li:before { 
    /* counter(item) for the parents, counter(subitem) for the subitems */ 
    content: counter(item, decimal-leading-zero) counter(subitem, lower-alpha) ' '; 
    counter-increment: subitem; 
} 

jsFiddle demo, probado en todos los navegadores que soportan :before y CSS2.1 contadores incluyendo IE8 +

lectura útil: W3C CSS2.1 generated content spec, §12.4.1 Nested counters and scope

Answer 2

No, CSS no admite tales cosas "variables". Todo lo que puede hacer es establecer el mismo estilo que el elemento primario.

Answer 3

Ver this: no hay manera de hacer tales cosas en CSS, obviamente, necesitaría usar JavaScript para ello, pero los pseudo-elementos no están en el afaik DOM. En cuanto a las otras respuestas: quiere el valor del contador que aparece antes de los elementos de la lista.