2011-07-26 10 views
6

En los medios paginados, la propiedad CSS target-counters se puede usar para incluir varios contadores. La especificación da el siguiente ejemplo (simplificado):Cómo configurar contadores para el contador de objetivos

a::after { 
content: "see section " target-counters(attr(href, url), section, ".") 
} 

que si algo salida como (see section 1.3.5).

¿Cómo puedo configurar el contador section?

+0

no sabía que algo así existe, fue una buena lectura gracias :) – Alp

+0

Parece que 'contadores de destino' es lo que busco pero esto no parece funcionar en ningún navegador (para mí en ¡menos!) ¿Hay alguna forma de que Chrome los procese? quizás con una bandera o modo experimental? –

Respuesta

1

Desde el Generated Content Module (contenido para no paginado, también):

Los contadores son "autoanidados", en el sentido de que re-uso de un contador en un elemento niño crea automáticamente una nueva instancia del mostrador.

Por lo tanto, sólo puede escribir

<style type="text/css">  
section {counter-increment: section;} 
</style> 

<section id="foo"> 
<h1>Root level</h1> 
    <section id="bar"> 
    <h2>Sub Level</h2> 
    </section> 
</section> 

No hay manera de utilizar los contadores anidados si su árbol de elementos es plana (como en <h1>Root</h1><h2>Sub</h2>).

Cuestiones relacionadas