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.

questionAnswers(4)

yourAnswerToTheQuestion