あまり知ってもらうと文法

1.less公式サイト：
英語：のhttp：//www/lesscss.org/
中国：HTTP：//www.lesscss.net/
2.less.jsダウンロード：
のhttp：//www.lesscss I.は、URLを入力してください。ネット
II。更新ログをクリック

IIIを。less.jsクリック

IV。zipダウンロードの右をクリックして

V.フォルダにダウンロード・アーカイブで見つかった

六月の。小さいファイルを開く見つけ、DIST /以下
VII。less.min.jsプロジェクトにファイルをコピーする
プロジェクトのホームページで紹介し8：

そうしないと、導入less.min.js、CSSは何の効果もありません
（SASS同様の用法）3.less変数
の一般的な変数を。

@width: 10px;
@height: @width + 10px;

#header {
  width: @width;
  height: @height;
}
编译为：

#header {
  width: 10px;
  height: 20px;
}

II。セレクタと属性名よう
に、@（変数名）可変的使用時に使用される

URLとして、3つ

の混合4.
別含むルールセットからの属性のセット（または混合）をある混合（ミックスイン）Aをルールセットの方法

.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
如果我们希望在其它规则集中使用这些属性，我们只需像下面这样输入所需属性的类（class）名称即可，如下所示：

#menu a {
  color: #111;
  .bordered();
}

.post a {
  color: red;
  .bordered();
}
.bordered 类所包含的属性就将同时出现在 #menu a 和 .post a 中了

5.Less代わりに、層状又は使用する能力と組み合わせて、積層のネストされた（入れ子）の使用を提供します。

#header {
  color: black;
}
#header .navigation {
  font-size: 12px;
}
#header .logo {
  width: 300px;
}
用 Less 语言我们可以这样书写代码：

#header {
  color: black;
  .navigation {
    font-size: 12px;
  }
  .logo {
    width: 300px;
  }
}

この方法を（ミックスイン）を混合して使用される疑似セレクタ（疑似セレクタ）を使用：

.clearfix {
  display: block;
  zoom: 1;

  &:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}