1. ホーム
  2. html

[解決済み] 他の要素の後に最初に現れる要素を選択する

2022-05-18 04:25:34

質問

あるページで次のようなHTMLコードがあります。

<h4>Some text</h4>
<p>
Some more text!
</p>

私の .css をスタイルするために、次のセレクタを用意しました。 h4 要素にスタイルを設定します。上の HTML コードは全体のほんの一部であり、複数の div がもっとたくさんあり、シャドウボックスに属しています。

#sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4
{
    color               : #614E43;
    margin-top          : 5px;
    margin-left         : 6px;
}

というわけで、正しいスタイルで h4 要素に正しいスタイルを設定しましたが、さらに p タグのスタイルも設定したい。

これはCSS-selectorsで可能なのでしょうか?また、可能である場合、どのようにこれを行うことができますか?

どのように解決するのですか?

#many .more.selectors h4 + p { ... }

と呼ばれるもので、これは 隣接兄弟セレクタ .