从html获取属性值到css

Question

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

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

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

<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文档。