То, что я ищу, может работать так (не работает)
<span data-css-var="--my-css-var"></span>
:root {
--my-css-var: some-color // created by js
}
span[data-css-var] {
background-color: var(attr(data-css-var)) // error
}
Дело в том, что я не могу устанавливать стили для элемента (стороннего производителя), только атрибуты данных. Есть мысли, ребята? Этот читается - https://css-tricks.com/css-attr-function-got-nothin-custom-properties/