0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

SassとCss

Last updated at Posted at 2017-05-29

今回は、Sassを学んだので、その内容をCssと比較したいと思います。

Sassでは、CSSと比べてHTMLに映し出すための記述を簡単にすることが出来ます。

#メリット1
記入を簡略化できる

入れ子構造にすることによって、既存のCssのようにクラスを形で記入をしなくてもいいです。
親子関係にあるセレクタを入れ子にして書くことができます。
CSSでは、親の要素から対象要素までのセレクタを何度も書く必要がありますが、Sassはネストさせることで、同じ親のセレクタをまとめることができます。

#メリット2   プログラムのような処理ができる

Sassでは、今までのCssにはない「変数」という概念を用いることで柔軟なコードを書くことができます

#メリット3
複数のCSSファイルを1つにまとめることができる
 
Sassでは複数のファイルを、まとめることができ、ファイルごとに整理することもできます!

#メリット4
Sassでは変数を使うことによって、同じ値を使い回すことができます。

以上に挙げられる4つのメリットから、Sassを活用することは非常に便利で、かつ利便性が高いため、利用したほうがいいと思いました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?