『Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法』

逃げてきたCSSの勉強に立ち向かう時が来た気がするので、ポチりました。

『Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法』

良著（だと思う）な上、kindle版が現在616円と激安なのでオススメです。

要点だけメモしていきます。

良いCSSとは

• 予測しやすい
• 再利用しやすい
• 保守しやすい
• 拡張しやすい

破綻しやすいCSS

• HTMLの構造に依存している
• スタイルを取り消している
• 絶対値を多用している

詳細度

上から順に詳細度が高い。

詳細度を考慮して設計することが非常に重要。

1. !important
2. インライン記述
3. IDセレクタ
4. クラスセレクタ、属性セレクタ、擬似クラス
5. 要素セレクタ、擬似要素
6. ユニバーサルセレクタ

以下メモ

• !importantはむやみに使用しない
• インライン記述はデバッグなどの 時以外は使用しない