SCSS(Sassy CSS)

以下はこれを参考にして必要なものだけを抜粋している

Overview

SCSSはSassの後継であり、よりCSSに近い構文を持っている。 CSSと互換性があり、CSSファイルをそのままSCSSファイルとして使用できる。 波括弧 {} やセミコロン ; を使用します。 SCSSの構文はCSSに似ており、従来のCSSの書き方にSassの機能を追加したもの。 ※現在はScssが主流。

SassとSCSSの違い

• 構文のスタイル
  • Sass: インデントに基づく構文。
    • SCSS: CSSに似た構文。
• 互換性
  • Sass: 純粋なCSSファイルをそのまま使うことはできない。
  • SCSS: CSSファイルをそのままSCSSファイルとして使用可能。
• 使用方法:
  • Sass: 簡潔な記述を好む場合に適している。
  • SCSS: CSSから移行する場合や、既存のCSSと互換性を保ちたい場合に適している。