少ない書き込みでより多くのCSSを行うための周りグーグルで、私はこれを見つけたものの - http://lesscss.org/少ない - 動的なスタイルシート言語?
は、誰もがそれを試しており、それがIE6 +、Firefox 3以上、クロム、サファリ、オペラ座、標準のWebブラウザ、私たちのすべての下で働いていますすべて使いますか?事前に
感謝:)
少ない書き込みでより多くのCSSを行うための周りグーグルで、私はこれを見つけたものの - http://lesscss.org/少ない - 動的なスタイルシート言語?
は、誰もがそれを試しており、それがIE6 +、Firefox 3以上、クロム、サファリ、オペラ座、標準のWebブラウザ、私たちのすべての下で働いていますすべて使いますか?事前に
感謝:)
あなたは、CSSのサーバー側を生成、またはLESS.jsを使用することができ、「(doesnの最初のケースでは、クライアントは、スタイルのLESS起源のさえ気づいていないので、それだけでCSSのようなものですクライアントjに依存する)。
限りIE6 +および他のすべての主要なブラウザでそれを表示することができますスタイルシートのリンクの後に追加のjsスクリプトがあるとして、イエス有効になっているJavaScriptなど。
javascriptを有効にしていないユーザーを調整する予定がある場合は、処理サーバー側で行うことができますが、これは行っていないため、この方法を保証することはできません。
サム
私はLessCSSと他の同様の代替案を試しましたが、SASS(SCSS)に解決しました。開発に非常に使いやすく簡単に使える小さなRuby Gemを使用してプリコンパイルすることができます。 Rubyとの統合は、例えば、もしあなたがそれをすればレール。
http://sass-lang.com/ - Compass CSSフレームワーク(http://compass-style.org/)で使用すると、非常に悪い設定になります。
これはプリプロセッサのPHPバージョンです。 .lessファイルを作成してサイトにアップロードします。プリプロセッサは残りの処理を行います。ブラウザは、処理されたCSSファイルのみを受信するため、ブラウザは動作しません。
require_once 'lessc.inc.php';
try {
lessc::ccompile(PATH_TO_STYLES.'/style.less', PATH_TO_STYLES.'/style.less.css');
} catch (exception $ex) {
exit('lessc fatal error:<br />'.$ex->getMessage());
}
をして、単にあなたのサイトのスタイルシートとしてstyle.less.css
を使用する:あなたがする必要があるすべてはあなたのindex.phpにこのような何かを追加することです。
lesscssについて聞いたことの1つは、 '@'がlesscss構文の一部であるため、css内の@ rulesでうまくいきません。思考の糧。 – jlmakes
誰もあなたが.lessファイルだけを使用するよう強制しません。それと一緒に通常のCSSを付けて、あなたの@mediaクエリーなどを含めることができます:)。 – mingos