CSS Combinators explained simply - Tutorial

A combinator allows us to select elements in our markup more specifically.

Sometimes they can be difficult to understand. In this tutorial, I provide a simple explanation with CSS and HTML examples and diagrams to help.
I will go through the following combinators:

CSS descendant combinator
CSS immediate combinator
CSS adjacent combinator
CSS general combinator

[PAL_CentreLiverpool]

This video is extremely helpful for viewers. We are familiar with Afzal K's work for us in the past when we instructed him to design our charity's website. Good to see him using his skills and experience for teaching and sharing all his coding knowledge with users.

[ta]

Great video very helpful excellent explanation 💯

[ptsa]

Good tutorial very clear and thought through

[torryn-ci]

is there a previous sibling selector like adjacent selector

[Bobby-kws]

Great video. Can we combine combinations?

[Sophie-mwd]

Are there any good usage of combinators? I can’t see it myself tbh

[kathy-bl]

Thanks. Just got a question. Whats the use of combinators when we can use classes to target the HTML?