問題タブ [less]

css フレームワークを使用したいのですが、その非意味性が嫌いです。だから私はLESSを使いたいです。基本的な考え方は、フレームワークの css を自分のクラスにミックスインすることです。しかし、LESS ではいくつかのシナリオを処理できないと感じています。たとえば、一部のクラスはフレームワークで次のように定義されています。

div.prepand = {...} または * html .span-1 = {...}

LESS mixin は上記の状況をサポートしていないようです。何か案が？

私はlessCSSを使い始めたばかりで、素晴らしいと思いますが、サーバー側で実行したいと思います. node.js がこれを行うための最良の方法であると読んだことがありますが、これまで使用したことがなく、正直なところ、設定方法がわかりません。

では、サーバー/サイトに node.js をセットアップし、.less ファイルをプリコンパイルするにはどうすればよいでしょうか?

クラスで複数のパラメーターを使用できますか? たとえば、境界線の半径と背景色の両方を div に指定したいと思います。どうすればいいですか？

これが私がやろうとしていることの例です:

より少ないcssファイルでいっぱいのディレクトリがあります。それらを通常のcssにコンパイルする最良の方法は何ですか? (展開用)

次のようにコマンドを実行したいと思います。

ここで、lessc は less コンパイラ (ノード パッケージ マネージャー経由でインストール) です。

これはlesscssを試すのは初めてで、次のcss/lessコードで問題に直面しています

これは単純な css として正常に動作していますが、less コンパイラは 2 行目で構文エラーをスローします。その他の詳細は表示されません。CSS の使用量が少ない場合、Webkit グラデーションを使用できませんか? それとも、私は本当に間違った構文をしていますか?

これに関するヘルプは大歓迎です。ありがとう

LESS スコープをバイパスする方法はありますか? 面倒くさくなってきました。基本的に、背景、境界線などを定義する .text-box があります。次に、サブセクションで、margin-top: .text-box { margin-top: 10px } を追加する 1 回限りの変更があります。今では、そのセクション内で .text-box を使用できず、元のボックス スタイルを取得できません。代わりに、マージントップだけが得られます。階層構造でより高い定義を取得するにはどうすればよいですか? 関数にして、その関数を両方の場所で呼び出すこともできると思いますが、LESS を使用しているので、less と KISS を実行したいと思います。PHP では / プレフィックスを使用してグローバル名前空間にアクセスし、C++ では :: プレフィックスを使用してアクセスします。

さらに、ノード名を使用した定義は、プロトタイピングには機能しないようです。つまり、ul.products と宣言してから ul.categories { ul.products } を使用することはできません。ノード名を再利用するには、ノード名を省略する必要があります。意味: .categories { .products }。これは見落とし/不可能ですか？

ありがとう

ページをロードする前に JS の実行を必要とするLessCSSでは、大量のトラフィックに依存するサイトでこのライブラリを使用することは良い考えですか? JS ファイルがダウンロードされるまで CSS が正しく表示されないなど、JS の最初の解析時間が実行されるのは悪い考えのようです...

既存の ASP.NET Web フォーム アプリケーションにLESSを導入しています。LessCssHttpHandlerインテリセンスを機能させるために、で終わるファイルのリクエストをインターセプトするようにを設定することにしました.less.css。そうすれば、Visual Studio はまだ CSS ファイルを扱っていると認識します。これを行うには、web.config ファイルに次の行を追加します。

これを機能させるには、.cssファイルが ASP.NET フレームワークによって処理されるように IIS 設定を微調整する必要がありました。残念ながら、そうすることで、私の既存の.cssファイル ( で終わっていないため、ドットなし HTTP ハンドラーによって処理されない.less.css) はコンテンツを返さなくなりました。ASP.NET フレームワークは、その拡張子を持つファイルを見つけたときに何をすべきかを実際には認識していないため、これは理にかなっています。

.css通常のファイルを処理するために上記のものに加えて、セットアップできる基本 HTTP ハンドラーはありますか? 何かのようなもの：

LESSの構文強調表示をサポートする IDE はありますか?

クライアント側のJavaScriptバージョンのLESSを使用してコンパイルするコードを減らし、最終的なライブサイトでもこれを使用し続けたいと考えています（私は知っています...悪い形式ですが、ユーザーができるようにする機能を提供しますいくつかの少ない変数をカスタマイズし、その「テーマ」をその場でアプリ全体に持たせます。これは、一度ロードされると更新されないWebアプリであるため、少ないものをコンパイルするための追加のロード時間は許容できると思います）。

また、requireJSを使用しています。

質問は：

A）requireJSにロードするコードを少なくするにはどうすればよいですか？

B）コンパイルが完了したときにイベントをディスパッチすることが少なくなりますか？と

C）コマンドで再コンパイルするために少ないトリガーを実行する方法はありますか？

ありがとう。