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.