techronicle テクロニクル

Webサイト作成に関する情報提供サイトです。WordPress,HTML+CSSなど。

クラスはなるべく上流に

2012/01/18 HTML+CSS

たとえば、トップページの見出しを他のページと別のデザインにする場合。

<h1 class="toppage"></h1>
<h2 class="toppage"></h2>

とするのではなく

<body class="toppage">

と、ボディタグにひとつトップページ用のクラスを指定すれば、

.toppage h1 {  }
.toppage h2 {  }
.toppage p {  }

のようにして、以降htmlにクラスを追加することなくCSS設定できます。

クラスは、なるべく川上に設定した方が、シンプルに管理できます。