LESSの使い方-概要- #CSS

CSSをわかりやすい形で記述できるというLESS。
CSSで丁寧に書いていたところをHTMLのような階層に分けて記述することもできます。
より感覚的に記述できるということが特徴ですね！
また、変数を指定できることやHTMLを塊で修飾できる組を作ることもできます。

例えば


div{
   width:40px;
   margin:0 auto;
}

div h2{
    font-size:27px;
    color:red;
}

div a{
    font-size:15px;
    background:url("")
}

以下はlessのコードになります。


div{
  width:40px;
  margin:0 auto;

   h2{
    font-size:27px;
    color:red;

    a{
     font-size:15px;
     background:url("")
  }
 }
}

といったところです。
HTMLと対応させやすく、視覚的にわかりやすいです。