← トピックに戻る
言語 日本語

言語

Sass/SCSS クイックリファレンス

Sass/SCSS クイックリファレンス の印刷用チートシート。すばやい参照、学習、机上利用向けに整理されています

ソース
Sass Documentation (sass-lang.com)
ライセンス
MIT
更新日
2026-03-27

サンプル

このチートシートの内容

  • 構文
  • 変数
  • ネスト
  • ミックスイン
  • 関数
  • 継承
  • パーシャルとインポート
  • 制御フロー
  • マップとリスト
  • よく使うパターン

SCSS と Sass

// SCSS (CSSのスーパーセット — 波括弧を使用)
.nav { display: flex; }

// Sass (インデント形式 — 波括弧・セミコロン不要)
.nav
  display: flex

SCSS が最も広く使われる構文

比較

SCSS (.scss)CSS 互換、波括弧とセミコロンあり
Sass (.sass)インデントベース、波括弧なし
出力どちらも標準 CSS にコンパイルされる
推奨SCSS（採用例が多く移行が容易）

すべてのセクションを含む印刷用チートシートをダウンロード

PDF をダウンロード

ダウンロード

読み方に合った形式を選ぶ