はてなブログの見出しコード

はてなブログの見出しを変更したくてコードをいじっていたのですが、
大見出し(h3)と中見出し(h4)の左側の縦棒はなぜ出てくるのでしょうか？
また、小見出し(h5)には左側の棒のみ出したいのですが、コードが間違っているんでしょうか？

画像上がデザインCSSに貼り付けたコードで、下が実際に書いた場合のプレビューです。

No.1 ベストアンサー 回答者： Zimmerman 回答日時： 2018/10/10 21:24

わからないけど、これが追加カスタマイズのCSSだとしたら、

もともとベースで適用されるCSSがどこかにあって、
それが継承されているのでは？

継承されないようにするには、
新たに打ち消すCSSを書いて、さらにそれに「!important」を付けてみるとか。

たとえばh3の左線を消したいのだったら、
border-left: 0 !imortant;
を付け加える。

この回答へのお礼

h3 h4共に打ち消しのCSSで出来ました！

カスタムCSSなので元のものが継承されているのだと思います。
h5に関しては変更出来なさそうですが、上記２つが使えるようになったのでよかったです^^

コードなど全くの初心者だったので、助かりました。
素早いご回答ありがとうございました。

お礼日時：2018/10/10 21:37