H2見出しタグの左の棒線を消したい。

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など H2見出しタグの左の棒線を消したい。

このトピックには2件の返信が含まれ、1人の参加者がいます。10 ヶ月、 1 週前 ジュン さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #57603

    ジュン

    いつもお世話になっております。

    h2タグのカスタマイズについて質問があります。

    デフォルトのh2見出しタグを上下のラインのタイプの見出し

    にカスタマイズしたのですが、どうしても左端の棒線が消せません

    フォーラムでスタイルシートにborder: none;を追加すれば

    解決するとの回答があったので試してみたところ

    削除されていませんでした

    どなたか削除の方法を教えていただけないでしょうか。

  • #57607

    かうたっく
    .article h2 {
    	border-left: none;
    }

    左の線だけ消したいときは、上記で大丈夫です。border: none;を使う場合、上下のborder指定より下のほう書くとborderは消えてしまうからです。

    左棒が消えなかった件
    CSSの強さがあって、h2.article h2#main .article h2と優先順位が高くなります。

    ・指定方法がh2の場合は.article h2のほうがCSSは効きません。※CSSの詳細度や優先度・優先順位などで探すと出てきます。他にもCSSが効かない原因などで調べると分かりやすいかもです。

    ・ちゃんと書いてる場合はキャッシュが原因かもしれません。ブラウザのキャッシュを削除・キャッシュ系プラグインを入れてる場合はそのキャッシュクリア・サーバーのキャッシュがあればクリアにして確認してくださいね。

  • #57617

    ジュン

    ありがとうございました。
    解決できました。
    h2の前に.articleがなかったので入れてみると解決できました。
    いろいろ説明してくださってありがとうございます。
    cssやhtmlなどの知識がほとんどないので勉強していきたいと思ってます。
    また質問することがあると思いますのでその時もよろしくお願いします。

トピック「H2見出しタグの左の棒線を消したい。」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)