时间戳

首页 > 解决方案 > 是否可以通过数据属性传递 CSS 变量名？

css - 是否可以通过数据属性传递 CSS 变量名？

问题描述

我正在寻找的东西可以像这样工作（它没有）

<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
}

问题是我无法在 elem（第 3 方）上设置样式，只能设置数据属性。有什么想法吗？这是阅读 - https://css-tricks.com/css-attr-function-got-nothin-custom-properties/

标签： csscss-variables

解决方案

推荐阅读