記事タイトル上のホームなどのカテゴリー横に、h1などで設定した装飾が表示されてしまう

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも 記事タイトル上のホームなどのカテゴリー横に、h1などで設定した装飾が表示されてしまう

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

  • 投稿者
    投稿
  • #60582

    いまい

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

    この記事ですとタイトル上にある、ホーム、Simplicity2に関する話題何でも、のところのホーム部分横に、h3で設定した装飾が反映されてしまい、確認すると過去記事にもホーム横に装飾が入ってしまっていました。

    他に類似した質問がないか調べたのですが探しきることができなく申し訳ありませんが質問させていただきました。ご教授いただけると幸いです。
    よろしくお願いいたします。

    .article h3 {
    	border-bottom: none;
        position: relative;
        padding: 10px;
        padding-left:2em;
    	font-size:15px;
    }
    h3::before{
        content: "◇";
        color: #ff99cc;	
    	font-size:1.9em;
        position: absolute;
        left: 0;
        top: -0.1em;
    }
    h3::after{
        content: "◇";
        color: #325A8C;
        font-size:1.3em;
        position: absolute;
        left: 0.4em;
        top: 0.4em;
    }
  • #60583

    Akira

    h3::beforeh3::after が原因です。この指定では、サイト内の全ての h3 に CSS が反映されてしまいます。

    .article h3:before.article h3:after に変更すると、記事内の h3 のみに反映します。

  • #60584

    いまい

    Akira様

    消したかったホーム横の装飾がさっぱり綺麗に消えました!
    全てに反映されるようになっていたのですね。
    教えていただき勉強になりました。ありがとうございました!

トピック「記事タイトル上のホームなどのカテゴリー横に、h1などで設定した装飾が表示されてしまう」への新規返信追加は締め切られています。

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