Можно ли получить доступ к значению счетчика CSS родительского элемента из дочернего элемента? - PullRequest
Новая
       6

Можно ли получить доступ к значению счетчика CSS родительского элемента из дочернего элемента?

0 голосов
/ 31 октября 2019

У меня есть элемент div, где я устанавливаю счетчик. И я вставляю метку, используя селектор :before. Теперь я хочу использовать счетчик элемента div внутри элемента h1, который является дочерним по отношению к указанному элементу div. Я делаю это потому, что хочу, чтобы метка книги h1 содержала счетчик его родителя. 

body {
  counter-reset: chapter 0;
}

div {
  counter-increment: chapter;
}

div:before {
  content: "Chapter " counter(chapter)" ";
  display: block;
}

h1 {
  content: counter(chapter) content();
  bookmark-label: "Chapter" counter(chapter) content();
}
<div>
  <h1>Heading 1</h1>
  <h2>Heading 2</h2>
  <h3>Heading 3</h3>
</div>
<div>
  <h1>Heading 1</h1>
  <h2>Heading 2</h2>
  <h3>Heading 3</h3>
</div>

Фактический результат

Счетчик не присоединяется к содержимому h1 и к закладке.

Ожидаемый результат

В закладке должен отображаться счетчик дел.

...