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 要素
※ E、F など斜体は仮の名前です。