CSS Combinator Selector Syntax
A combinator selector in CSS consists of two or more simple selectors separated by a combinator symbol that defines their relationship.
Descendant combinator (space): A B – selects all B elements that are descendants of A.
Child combinator (>): A > B – selects all B elements that are direct children of A.
Adjacent sibling combinator (+): A + B – selects the B element immediately following an A element.
General sibling combinator (~): A ~ B – selects all B elements that are siblings following an A element.