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

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

  • このトピックには2件の返信、1人の参加者があり、最後にいまいにより8年、 1ヶ月前に更新されました。
2件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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様

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

2件の返信スレッドを表示中
  • トピック「記事タイトル上のホームなどのカテゴリー横に、h1などで設定した装飾が表示されてしまう」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)