是否可以在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變量？

回答

相關問題