記事ページのみCSSを適用する

CSSを追加したら記事だけでなくトップページにも適用されて困ったことはありますか？

今回はCSSを記事のみに適用する方法を紹介します。

.singleを追加するだけ

私のブログではこんな問題点が出ました。

見出しのデザインを変更したらトップページにまで反映されてしまいました。

全てのh2タグに追加してるため全てのページに適用されたのが原因です。

記事ページにのみ追加するには「.single」を頭につけるだけです。

こんな感じです。

.singleのあとにスペースを入れるのを忘れないようにしましょう。

って感じです。意外と簡単なのでドンドンカスタマイズしていきましょう！