Como posso ler o valor do contador CSS aplicado?
Diga que você tem um 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 -->
(Vejohttps: //developer.mozilla.org/en/CSS_Counter "contadores de aninhamento")
Existe uma maneira de ler / obter o:before.content
("2.2" neste caso) para<li id="foo">
em JavaScript?
Edit: No meu caso, uma solução apenas para o Mozilla seria suficiente. Mas realmente parece não haver maneira de acessar essas informações. Pelo menos não encontrei nenhum emhttps: //developer.mozilla.org/en/CSS_Counter ff.