SassとCSS設計 第7回 セレクタを継承する 第7回目はセレクタに指定されたスタイルを継承するextend機能を紹介します。これを使うことで出力されるCSSがよりシンプルになり、CSSファイルそのものが軽くなります。サイトによっては、高速化を図ることができます。 カテゴリー HTML/CSS CSS設計 2013年07月04日 発行 著者 山田 敬美 フロントエンド・エンジニア SassとCSS設計 シリーズの記事一覧 このシリーズの記事 第1回 Sassの基本 第2回 ネスト機能の利用 第3回 ネストのルールとCSS設計 第4回 変数の利用 第5回 演算の利用 第6回 Mixinの利用 第7回 セレクタを継承する 最終回 運用と管理 目次 はじめに 同じスタイルの繰り返しを防ぐ セレクタのスタイルを継承する方法 不要なセレクタを出力しない方法 共通のスタイルをまとめる アイコンサイズ別にスタイルをまとめる @extendの使いどころ @extendの注意点 まとめ この記事を読むには購読の手続きが必要です 購読の手続きへ 月額880円(税込) + 初めてお申し込みの方には、30日間無料でお使いいただけます 第6回 Mixinの利用 最終回 運用と管理