Javascript评估是否在更少(更精简的CSS)中工作?

Javascript评估是否在更少(更精简的CSS)中工作?,javascript,css,less,Javascript,Css,Less,我正在使用更少()并且它说 JavaScript评估 JavaScript表达式可以作为.less文件中的值进行计算。这是通过使用反勾号包装表达式来完成的: 提供的示例是 @height: `document.body.clientHeight`; 所以我试着在我的html中这样做 <script type="text/javascript"> var fred=5; </script> <link rel="stylesheet/less" type="

我正在使用更少()并且它说

JavaScript评估 JavaScript表达式可以作为.less文件中的值进行计算。这是通过使用反勾号包装表达式来完成的:

提供的示例是

@height: `document.body.clientHeight`;
所以我试着在我的html中这样做

<script type="text/javascript">
    var fred=5;
</script>
<link rel="stylesheet/less" type="text/css" href="styles.less">
<script type="text/javascript" src="http://lesscss.googlecode.com/files/less-1.2.1.min.js"></script>     
但它就是不起作用! 还尝试了一些变化,例如使用

@height:`fred`px;
@height:`fred`;
如果我使用

@height:20px;
它按预期工作,但我需要使用Javascript评估。 如果有人能提供帮助,我将不胜感激——如果能回答问题而不是问我为什么需要使用Javascript评估,我将不胜感激。非常感谢大家

值得注意的是,如果我这样做

@height:`freddd`px;

当fredd未定义时,我从less编译器得到一个错误-因此它似乎知道fred已定义。但是,目前我没有收到错误-当我使用Javascript变量值时,它没有做任何事情。

您可能无法调用JS中创建的变量。据我所知,可以计算JavaScript表达式意味着可以使用JS函数计算内容,并使用默认的JS对象,如
document.body.clientHeight
,这并不意味着可以从不同的文件和位置调用变量。让你这么做是没有意义的,它应该如何找到变量?。我可能错了,但是我正在做同样的事情。我一直在测试表达式的方法是在浏览器中编译较少的文件,就像您正在做的那样(我正在使用firefox和firebug)。我通过检查呈现页面的标题部分并查找
。旋转该文件打开,您将看到复杂的css。向下滚动,直到找到使用javascript表达式的选择器和规则,并查看其呈现方式

@height:`freddd`px;