機能追加や既存機能の修正、デザイン変更など、プロダクト開発やサイト制作をしていると、完全分業制ではない限り、デザイナーやコーダーだけでなくアプリケーションエンジニアもCSSに触れる機会があります。 実際に私が関わるプロジェクトでは、CSSを聖域扱いにしていないので、開発チームの誰もが必要に応じて触っています。 ですが、CSSはカオス化の危険性を多分に含んだ、ゆるーい言語なので取り扱いには注意が必要なのです。 カオスで汚いCSS!? 以下のどれか一つでも心当たりあれば、高確率であなたのCSSはカオス化しています... スタイルの上書き数が多い プロパティ順がぐちゃぐちゃ どれを変更すれば良いかがわかりにくい 1. スタイルの上書き数が多い Chromeの開発ツールで見ると、プロパティに打ち消し線が引かれて、別の箇所で上書きされていることがわかります。 normalize.css や rese
![カオスになりがちなCSSと向き合ってみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6dc2f2792d216f98d85a3fed64960017cbf2b3cb/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgyJUFCJUUzJTgyJUFBJUUzJTgyJUI5JUUzJTgxJUFCJUUzJTgxJUFBJUUzJTgyJThBJUUzJTgxJThDJUUzJTgxJUExJUUzJTgxJUFBQ1NTJUUzJTgxJUE4JUU1JTkwJTkxJUUzJTgxJThEJUU1JTkwJTg4JUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03ZWY5YzAwNjU5ZTQ0YzNlYzJkY2JiNWNlM2NhYmU4Ng%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbWRlJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05MTQ3ZWQ5NDBjNjM3NzQ3ZjA2NjJiOTFiYjc5ZGE3ZA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D58627a8916e7db550598f026b252822c)