【Sass】SCSSの基本的な書き方 - Qiita

SCSSの基本的な書き方、変数、よく使いそうな関数の使い方などをまとめた記事です。 Sassとは Sassは、入れ子記述（ネスト）や変数・関数などのCSSにはない機能を使って、CSSを便利に使えるように拡張した言語です。 CSSとは別ファイルで書き、実際はCSSにコンパイル（変換）して読み込まれます。 ※Sassの書き方にはSASSとSCSSの2通りありますが、SCSSの方が主流らしいので、この記事ではSCSSについて書きます。 SCSSの基本的な書き方 ネストして（入れ子で）記述すると親要素と子要素の関係を表すことができ、CSSよりシンプルに短く書くことができます。 セレクタに「&」を使うと、ネストしている親セレクタを参照することができます。 書き方の例。