是否可以在HTML <head>中声明LESS变量？

-2

是否可以在HTML中声明LESS变量，并在单独的.less文件中使用声明的变量。是否可以在HTML <head>中声明LESS变量？

我想要做这样的事情：

<html> 
<head> 

<style type="text/less"> 
    @MYVAR: #9BC509; 
</style> 

<!-- use MYVAR inside the main.less file --> 
<link rel="stylesheet/less" type="text/css" href="styles/less/main.less"> 

</head> 
... 
</html>

编辑：

因为这没有工作，不是一个干净的解决方案，我改组我的项目，现在做一个正常的少文件@incude为我需要的变量。通过django模板引擎将数据库值动态写入光盘的文件越少（为获得更好的性能而进行分割）。

给所有的downvoters。我真的不明白你的观点！你甚至没有写下你为什么低调投票。我的情况你没有得到我的目标，这里是我应该问“慢思考者”的问题：

我该如何实现包括在<head></head>中声明的更少的变量在单独的较少文件中可用？但无论如何，这只是在某些时候点击此帖的人......正如我所说，我选择了另一种解决方案。

来源

2012-10-10 j7nn7k

Wixxers！我的心是死的Gegnaz？ – j7nn7k

-2

你不能。你可以做的就是你（或任何其他高层次的容器）给一个类名，然后定义基于多个值：

.home { 
    @MYVAR: #9BC509; 
} 

.page { 
    @MYVAR: #fff; 
}

或者使用较少的警卫（见LESS docs）

来源

2012-10-15 14:05:24

你可以做通过在全局less对象的globalVars属性中定义变量。你应该调用less.js编译器之前声明less对象，另见：http://lesscss.org/usage/#using-less-in-the-browser

<link rel="stylesheet/less" type="text/css" href="global.less"> 
<script> 
    var less = { 
    globalVars: { 
     color: 'red', 
     width: '15px' 
    } 
    } 
</script> 
<script src="js/less.min.js" type="text/javascript"></script>

前面，您可以在global.less的代码越少使用@color和@width。

来源

2014-10-03 22:42:51

是否可以在HTML <head>中声明LESS变量？

回答

相关问题