-1

HTMLでLESS変数を宣言し、宣言された変数を別の.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必要な変数に対して通常の less ファイルを作成しました。less ファイルは、django テンプレート エンジンによってデータベース値とともにディスクに動的に書き込まれます (パフォーマンスを向上させるためにキャッシュされます)。

すべてのダウン投票者へ。私は本当にあなたのポイントを取得しません ！反対票を投じた理由も書いていません。私が目指していたものが得られなかった場合は、「考えるのが遅い人」に尋ねるべきだった質問を次に示します。

<head></head>別のlessファイルで使用できるように宣言されたless変数を含めるにはどうすればよいですか? とにかく、これはある時点でこの投稿にアクセスする人々のためのものです...私が言ったように、私は別の解決策を選びました。

4

3 に答える 3

4

globalVarsこれを行うには、グローバルlessオブジェクトのプロパティで変数を定義します。lessless.js コンパイラを呼び出す前に、オブジェクトを宣言する必要があります。以下も参照してください: 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 の Less コードで@colorandを使用できるようになります。@width

于 2014-10-03T22:42:51.693 に答える
-2

できません。あなたができることは、あなたの（または他の高レベルのコンテナ）にクラス名を付けて、それに基づいて複数の値を定義することです：

.home {
  @MYVAR: #9BC509;
}

.page {
  @MYVAR: #fff;
}

または、LESS ガードを使用します ( LESS docsを参照) 。

于 2012-10-15T14:05:24.450 に答える