いまさら聞けない sass 入門(後編) - らっちゃいブログracchai.hatenablog.com 前編では sass の歴史に触れつつ、機能説明を見ながらお試しできる環境を作るところまで解説しました。後編では具体的な機能について書いていきます。 セレクタのネスト(入れ子) 変数 条件分岐 ループ 関数 ミックスイン 継承 import まとめ セレクタのネスト(入れ子) sass では以下のようにセレクタをネストして記述することができるので、親子関係がわかりやすくなります。 .parent { .child { color: #000; // "&" で自身のセレクタを参照 &:hover { text-decoration: underline; } } } コンパイル結果 .parent .child { color: #000; } .parent .child:hover { text-decoration: underline;
