Get attribute value from html into css
我在我的scss文件中包括一个mixins,如下所示:
1 2 3
| .element{
@include putOnCircle(2, 20em, 6em, false);
} |
但是,除了具有" 2"参数之外,我还需要直接从我的html页面获取此值。
也许我可以使用data-value:
并使用attr()获取值。然后,我可以将attr(data-value)替换为" 2"参数,例如。
这实际上不起作用,我想知道是否有可能做这样的事情。
我不想为此仅使用jQuery,也不想定义每个.element[data-value=""]。
如果您有任何想法,我会接受。
感谢您的帮助。
- developer.mozilla.org/en/docs/Web/CSS/attr
-
我显然来过这里好几次..
虽然CSS中的一些内容可以读取属性值(例如attr),但是您对它们却无能为力,并且您当然不能将它们纳入SASS函数中。
SASS被预处理器编译为CSS,并且无权访问将来可能会应用于已编译CSS的任何HTML文档。
- 我已经知道,我只需要知道是否有解决方法即可做我想做的事情?不一定使用sass,但可能仅使用css。
-
使用CSS:可能不会,但是由于您的问题没有提供任何有关CSS想要实现的目标的线索(即您想使用该值做什么),因此很难
-
我了解,此值已用于mixins中以进行某些计算。这是我的数据库中仅供参考的语言数量。
-
无法告诉您如何(或是否)可以在CSS中复制神秘的未指定SASS计算。您需要退后一步并说明实际问题,而不是您不喜欢的解决方案。
-
但这与我想做的事情无关。我只需要从我的html文件中获取此值即可。最糟糕的是,如果您知道如何使用jQuery,为什么不这样做,但是我更喜欢使用CSS(或sass)
-
用SASS不可能做到这一点。您还没有足够了解SASS的功能,以判断您是否可以使用CSS或JavaScript来实现相同的目的。您当然不能使用JavaScript或CSS在SASS mixin中插入值,因为该mixin在任何处理CSS或JavaScript的时间就已经执行了很长时间。
-
我使用codepen.io/HugoGiraudel/pen/Bigqr,您可以在其中找到mixin