Мой HTML:
<p>Doggies</p>
<p class="green_guys">Froggies</p>
<p>Cupcakes</p>
<p>Piggies</p>
Всеохватывающий селектор братьев и сестер (каким я хочу его видеть), если использовать его для выбора братьев и сестер green_guys, выберет собачек, кексы и хрюшек.
Другие селекторы:
Селектор +
(он же adjacent sibling selector) выберет только кексы:
.green_guys + p {
/* selects the <p> element that immediately follows .green_guys */
}
Селектор ~
(он же ) выберет только кексы. k.a. general sibling selector) выберет только кексы, а свинки:
.green_guys ~ p {
/* selects all <p> elements that follow .green_guys */
}