はてなブログCSSテーマと見出しに適応するスタイルシートの重複について
はてなブログをカスタマイズする際に見出しテーマを決めると思いますがあらかじめ、見出しテーマを決めた後に
見出し要素をカスタムするとデザインが重複する場合があります。言葉だとイメージつきにくいので画像で・・・・
私は公式テーマの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; }
こうすることで↓になり重複を防ぐことができます。