从html获取属性值到css [重复]

Question

我在我的 scss 文件中包含一个 mixins，如下所示：

.element{
    @include putOnCircle(2, 20em, 6em, false);
}

但是我需要直接从我的 html 页面中获取此值，而不是使用“2”参数。 也许，我可以使用数据值：

<div class="element" data-value="2"></div>

并使用 attr() 获取值。然后我可以用 attr(data-value) 替换“2”参数，例如。

真的不行，不知道有没有可能做这样的事情。

我不想仅仅为此使用 jQuery，也不想定义每个可能的.element[data-value=""]。

如果你有什么想法，我会接受的。

感谢您的帮助。

Answer 1

虽然 CSS 中的一些东西可以读取属性值（例如 attr），但您无法使用它们做很多事情，而且您当然无法将它们放入 SASS 函数中。

SASS 由预处理器编译成 CSS，并且无法访问编译后的 CSS 将来可能应用到的任何 HTML 文档。