¿Cómo puedo leer el valor del contador CSS aplicado?
Di que tienes un contador CSS 2.1 como
ol {
counter-reset: section;
list-style-type: none;
}
li:before {
counter-increment: section;
content: counters(section, ".") " ";
}
<ol>
<li>itemA</li> <!-- 1 -->
<li>itemB <!-- 2 -->
<ol>
<li>itemC</li> <!-- 2.1 -->
<li id="foo">itemD</li> <!-- 2.2 -->
(verhttps: //developer.mozilla.org/en/CSS_Counter "contadores de anidamiento")
Hay una manera de leer / obtener el:before.content
("2.2" en este caso) para<li id="foo">
en JavaScript?
Edit: en mi caso, una solución solo de Mozilla sería suficiente. Pero realmente no parece haber forma de acceder a esta información. Al menos no encontré ninguno enhttps: //developer.mozilla.org/en/CSS_Counter ff.