Как получить вычисленное значение псевдоэлемента?

Question

У меня есть счетчик в классе psuedo в моем CSS, что-то вроде этого,

h2::before {
    counter-increment: section;
    content: "Section " counter(section) ": ";
}

, и я хочу вычисленное значение счетчика.

Я пытался использовать

getComputedStyles(document.getElementById("1"), '::before')

, но это возвращает Section " counter(section) ":, тогда как я пытаюсь получить фактическое значение, которое оно отображает. Section 1:

Это демонстрационный фрагмент HTML, который я тестировал,

body {
  counter-reset: section;
}

h2::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
}

<h2 id="1">HTML Tutorial</h2>

Answer 1

К сожалению, с текущей спецификацией CSS это невозможно. Посмотрите, почему и что делать вместо этого в этом ответе