从HTML获取属性值到CSS

 2021-04-09 

Get attribute value from html into css

本问题已经有最佳答案,请猛点这里访问。

我在我的scss文件中包括一个mixins,如下所示:

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

但是,除了具有" 2"参数之外,我还需要直接从我的html页面获取此值。
也许我可以使用data-value:

1
 

并使用attr()获取值。然后,我可以将attr(data-value)替换为" 2"参数,例如。

这实际上不起作用,我想知道是否有可能做这样的事情。

我不想为此仅使用jQuery,也不想定义每个.element[data-value=""]

如果您有任何想法,我会接受。

感谢您的帮助。


虽然CSS中的一些内容可以读取属性值(例如attr),但是您对它们却无能为力,并且您当然不能将它们纳入SASS函数中。

SASS被预处理器编译为CSS,并且无权访问将来可能会应用于已编译CSS的任何HTML文档。