cssnanoによる最適化まとめ - Qiita

規則セット…セレクタと宣言ブロックの組。上の例では、全体が1つの規則セットとなっています。 セレクタ…CSSをかける対象の指定。上の例では、p。 宣言ブロック…セレクタに対して適用される、宣言の0個以上の組。上の例では{ ... }の箇所。 宣言…プロパティと値の組。上の例ではfont-size: 12pxとcolor: green1。 プロパティ…スタイルを指定する特性。上の例ではfont-sizeとcolor。 値…実際にスタイルとして指定する値。上の例では、12pxとgreen。 最適化ルールの一覧 原文ではアルファベット順に並んでいますが、ここではわかりやすいように小さい方から大きな方へ順に並べていって、そして最後にデフォルトで適用されないルールについて触れます。 値レベルの最適化 calc（詳細）…CSSのcalcで算出する値のうち、事前に計算できる部分は計算してしまう colo