The Gist is a demo of of CSS selector combinators. See MDN for documentation: CSS Selectors
Usage:
- Click on an element inside the
content-container
. The clicked element becomes the root of the selection, and its background color becomes gray. - Then choose one of the CSS
combinators
at the left. The default combinator is theDescendant combinator (A B)
. - Explore what's selected given your choice of
combinator
and clicked element - A red border indicates the element(s) selected