Advanced Selectors

CSS Combinators

Descendant, Child, Adjacent Sibling, General Sibling.

1Relationships

Select elements based on relationship to others.

Example Code

div p { color: red; } /* Descendant (space) */
div > p { color: blue; } /* Direct Child (>) */
div + p { color: green; } /* Adjacent Sibling (+) */

Finished reading?

Mark this topic as complete to track progress.