メンテナンスしやすいようにCSSの記述方法を変えてみました。 なにも難しいことはしません。 いままではこんな感じ タグを階層的に指定してCSSを記述。(子孫セレクタ) pとかdivは広範囲すぎるのでh,liなどで使うことが多かったです。 最近は以下のとおり。 一個ずつ、個別にclassをつけ、CSSを記述。 メリット HTMLの構造に変更を伴う修正に対応しやすい。 デザインの修正が入った時に、タグを増やしたり、減らしたり、HTMLの構造を変更せざるを得ない場合があります。この時、構造に依存しないCSSの記述方法だと非常にメンテナンスしやすくなります。 デメリット classを多用するので、HTMLの記述が増えたり、class名が長くなったりしてソースが見にくくなります。ソースが見にくくなるということは、ミスが増える可能性を増やしてしまいます。なるべく誰がみてもわかりやすい命名規則を使うなど
![メンテナンスしやすいようにCSSの記述方法を変えてみた - emuramemo](https://cdn-ak-scissors.b.st-hatena.com/image/square/eb8c96d747861ac01869eb7d6d8e08db720b1aa0/height=288;version=1;width=512/http%3A%2F%2Fecx.images-amazon.com%2Fimages%2FI%2F51rsbQOrZ0L.jpg)