back

Siblings

There are two types of sibling selectors; Adjacent and General.

Adjacent is the element that is immediately after the specified one. There can be no elements between the siblings.

General selects all siblings after the specified one.

To select an Adjacent sibling, put a plus-sign ( + ) between the CSS elements.
To select General siblings, put a tilde ( ~ ) between the CSS elements.

Adjacent
Example

General
Example