CSS: Как сделать наследование content: attr()?

Question

[Shimpanze]

Здравствуйте!

Как заставить дочерний элемент, использовать значение атрибута родительского?

Пример:

<ul marker="—">
  <li></li>
  <li></li>
</ul>

ul[marker] > li:before {
  content: attr(marker);
}

Спасибо!

Answer 1

[kreoTech]

Никак. Он работает только с текущим селектором.
https://developer.mozilla.org/ru/docs/Web/CSS/attr

В CSS переменную значение attr() не сохраняется. То есть за пределами правила использовать это значение нельзя.

В данном случае только по стандартному: через классы предварительно заданные или привлекать js для генерации недостающих данных.