1. CSS の通常の兄弟セレクターは、別の要素に接続されているすべての要素を参照します。両方の要素は同じ親要素を持ちます。
2. 通常の兄弟セレクターは、通常の兄弟の結合記号としてチルダ (~) を使用します。
例
<頭>
<スタイル>
.先祖 {
幅: 500ピクセル;
高さ: 300ピクセル;
}
。親 {
幅: 300ピクセル;
高さ: 200ピクセル;
}
。子供 {
幅: 200ピクセル;
高さ: 100ピクセル;
}
/* 兄弟が div である要素を .child1 の後に配置します*/
.child1~div {
背景色: ライトコーラル;
}
<本文>
これが先祖です。
これは親です。