MENU

はてなブログCSSテーマと見出しに適応するスタイルシートの重複について

はてなブログをカスタマイズする際に見出しテーマを決めると思いますがあらかじめ、見出しテーマを決めた後に

見出し要素をカスタムするとデザインが重複する場合があります。言葉だとイメージつきにくいので画像で・・・・


f:id:saigonitoride:20170831131016j:plain

私は公式テーマのHandwritingを使用しているためデフォルトで見出しにスタイルシートが適応されています。
↓これがCSSにあたるデフォルトテーマの適応

@import "/css/theme/handwriting/handwriting.css";

でこれを直したいんですが

解決策として適応されているスタイルシートを初期化するという手があげられます。

例えばh3タグに初期化したければ

/*あらかじめある背景の初期化*/
.entry-content h3,
.entry-content h3::before,
.entry-content h3::after {
background: none;
border: none;
border-radius: 0;
}

こうすることで↓になり重複を防ぐことができます。


f:id:saigonitoride:20170831131823j:plain