Соседний брат - CSS-хитрости

Содержание:

Смежный родственный комбинатор в CSS не является сам по себе селектором, а представляет собой способ объединения двух селекторов. Например:

p + p ( margin: 0; )

Знак плюс (+) - это соседний комбинатор, расположенный между двумя селекторами тегов (элементов) абзаца. Это означает, что «выберите любой тег абзаца, который стоит непосредственно после другого тега абзаца (без ничего между ними)». Вот несколько примеров того, что он выберет:


I'm a paragraph
I get selected!
I'm a paragraph

Monkey hair
I will NOT get selected

Это в основном полезно при использовании семантической разметки и необходимости корректировки для определенных сценариев, в которых элементы находятся непосредственно рядом друг с другом.

См. Раздел «Селектор соседних братьев и сестер» от Сары Коуп (@saracope) на CodePen.