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