オンラインLESSto CSS Converter

LESS To CSS Converterは、LESSをCSSにオンラインで変換するのに役立ちます。

最も単純なCSSへの変換が少ない

この無料のオンラインツールを使用すると、LESSファイルをCSSファイルに変換できます。以下のフォームにLESSを貼り付けるだけで、すぐにCSSに変換されます。ソフトウェアをダウンロードまたはインストールする必要はありません。無料

ツールLESSからCSSへのコンバーターとは何ですか？

このLESSからCSSへのコンバーターは、LESSデータとファイルをCSSデータとファイルに変換します。このコンバーターを使用すると、入力LESSと出力CSSをカスタマイズできます。また、カスタムの列区切り文字とフィールド引用符を含むLESSファイルも受け入れます。コメント行をサポートし、オプションで空の行を無視できます。出力CSSインデントで使用するスペースの数を変更することもできます。

LESSをCSSに変換する方法は？

ステップ1：入力を選択します。データを入力します。
ステップ2：出力オプションを選択します（オプション）出力オプション。
ステップ3：出力を生成します。

LESSからCSSへのコンバーターの例

以下

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}