¿Es posible acceder al contenido generado por un css: antes de la regla?

Question

Estoy experimentando con el uso de html5 y css counters para numerar las cifras en un documento. La cifra numérica de css está funcionando, pero necesito poder generar referencias cruzadas que incluyan los números de las figuras.

¿Hay alguna forma de acceder a esos valores a través de javascript? El código del contador que estoy usando es:

body { counter-reset: section; } 
section { counter-reset: figure; 
      counter-increment: section; } 
section section { counter-reset: section; } 
section > h1:before { content: counters(section, '.'); } 
.figure > .caption:before { 
    counter-increment: figure; 
    content: 'Figure ' counters(section, '.') '-' counter(figure); } 
section > h1:before, .figure > .caption:before { margin-right: .5em; } 

Answer 1

Según this article:

contenido generado no altera la estructura del documento. En particular, es no retroalimentado al procesador de idioma de documento (por ejemplo, para reparsing).

En otras palabras, parece que el atributo CSS content simplemente agrega texto "peinado" a la página, sin afectar la estructura del documento. El DOM no tiene conocimiento de este estilo y, por lo tanto, Javascript no puede acceder a él.