E ˜ F

E要素の後の F要素に対してスタイルが適用されます。(一般的な兄弟の組み合わせ) 一般の兄弟結合子は、2つのセレクタの間にチルダ ( U+007E、˜ ) を入れて表します。 同じ親要素をもつ兄弟要素のうち、後(直後でなくても良い)に表示される弟要素にスタイルが適用されます。

h1 ˜ p
h1 要素の後に表示される p 要素を表します。

example

h1 ˜ p { color: deeppink; }

source

<h1> h1 要素 </h1>
<p> h1 要素の後に表示される p 要素 </p>
<h3> h3 要素 </h3>
<p> h1 要素の後に表示される p 要素 </p>

display

h1 要素

h1 要素の後に表示される p 要素

h3 要素

h1 要素の後に表示される p 要素

EF など斜体は仮の名前です。

上に戻る