-1

この LESS のネストされた CSS を標準の CSS に変換しようとするのに助けが必要です。誰でも助けることができますか？

.leftNav {
    a.TopLevel {
        float:none;
    }

    ul#topnav {
        > li {
            float:none;
            height: 2em;
            margin: 2px;
            background-color: rgb(1,64,117);
            border: 1px solid rgb(1,64,117);

                color: #fff;
            border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, rgb(30,94,147)),  color-stop(0.99, rgb(1,64,117)) );
            background: -moz-linear-gradient(center top,  rgb(30,94,147) 3%, rgb(1,64,117) 99% );
        }

        > li .sub {
            left:120px;
            top: 0px;
        }

        > li > h2 > a {
            color: #fff;
        }

        > li:hover > h2 > a, > li > h2 > a:hover, li > h2 > a:focus, a.TopLevel.active, a.TopLevel.active:hover {
            background-position: top left;
            color: #bbb;
        }

        li:hover {

        }
    }

    #topNavContainer {
        position:absolute;
        left: 17px;
        top: 100px;
    }

    .headertable, .wrapper {
        margin-left: 120px;
    }
}
4

6 に答える 6

10

lessphpまたはless.jsを使用することもできます。

ペッカ そうです。LESS スタイル (*.less ファイル) を持っている場合、LESS パーサー (元の ruby​​ gem または PHP クラスの 1 つ、さらには less.js JavaScript ライブラリ) とそのプライマリーも持っていると考えられます。目的は、LESS を CSS に解析 (変換) することです。

アップデート

  • WinLESS - (Windows) 非常にシンプルな GUI。どういうわけかless.jsを使用しているようです（私の個人的な選択）
  • SimpleLESS - (Multiplatform) 別の GUI。仕事もかなりうまくいく
  • LessAPP - (Mac) *.less をコンパイルするための最初のデスクトップ ツールの 1 つだと思います WinLESS と SinpleLESS の祖父のようなもの

他にも多くのツールがあります... Mac 用、Win 用、Multi 用

于 2011-02-04T19:51:41.200 に答える
6

LESSの要点は、LESSスタイルのCSSを記述し、LESSインタープリターがそれを通常のCSSに変換することです。

したがって、LESSコードをLESSで実行するだけで、同等の通常のCSSを取得できます。

単純。

于 2011-02-04T09:58:49.853 に答える
4

firebugを使用すると、[CSS]タブで、LESSを使用してcssで生成された結果を確認できます。

于 2011-02-04T10:38:19.910 に答える
3

LessJSコンバーターを使用できます

于 2011-11-01T14:34:46.593 に答える
1

Simpless で Less を CSS に変換するにチェックを入れる

SimpLESS は、使いやすい LESS CSS コンパイラです。

うまくいけば、それはあなたに大いに役立つでしょう..

于 2012-09-04T04:52:00.583 に答える
1

Less を使用する最も簡単な方法は次のとおりです。

  1. style.css ファイルを作成する
  2. style.less ファイルを作成する

  3. これらのファイルへの index.php リンク:

    <link rel="stylesheet" href="style.css">
<link rel="stylesheet/less" type="text/css" href="style.less">

    rel=""less にリンクするには、末尾を/less:にする必要があることに注意してください。

    rel="stylesheet/less".

  4. ダウンロードhttp://winless.org/

  5. プロジェクト フォルダーをこのプログラムにドラッグすると、less ファイルが css に変換されます。
于 2012-03-28T17:43:09.040 に答える