CSS

Sass

中級

読み方:サス|英語:Sass

CSSを拡張したメタ言語。変数・ネスト・ミックスインなどの機能でCSSを効率的に書ける。

やさしい説明

Sassは、CSSをもっと便利に書けるようにした拡張言語です。

変数、ネスト(入れ子)、ミックスイン(再利用可能なスタイル)などの機能が使えます。

具体例・使い方

: #3a86ff; → 変数で色を管理

.card { .title { font-size: 1.2rem; } } → ネストで書ける

よくある疑問

Q: SassとSCSSの違いは?

A: SCSSはSassの新しい構文で、通常のCSSと互換性があります。現在はSCSSが主流です。

関連用語

関連ブログ記事

⚠️ 関連するエラー

❓ 関連するQ&A