Help us understand the problem. What is going on with this article?

LESSの使い方-概要-

More than 1 year has passed since last update.

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と対応させやすく、視覚的にわかりやすいです。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away