今回は、Sassを学んだので、その内容をCssと比較したいと思います。
Sassでは、CSSと比べてHTMLに映し出すための記述を簡単にすることが出来ます。
#メリット1
記入を簡略化できる
入れ子構造にすることによって、既存のCssのようにクラスを形で記入をしなくてもいいです。
親子関係にあるセレクタを入れ子にして書くことができます。
CSSでは、親の要素から対象要素までのセレクタを何度も書く必要がありますが、Sassはネストさせることで、同じ親のセレクタをまとめることができます。
#メリット2 プログラムのような処理ができる
Sassでは、今までのCssにはない「変数」という概念を用いることで柔軟なコードを書くことができます
#メリット3
複数のCSSファイルを1つにまとめることができる
Sassでは複数のファイルを、まとめることができ、ファイルごとに整理することもできます!
#メリット4
Sassでは変数を使うことによって、同じ値を使い回すことができます。
以上に挙げられる4つのメリットから、Sassを活用することは非常に便利で、かつ利便性が高いため、利用したほうがいいと思いました。