Core Code
Core Code Modern Dev Handbook

CSS Child vs Descendant

Child selectors differ from descendant selectors.

Preview

Code

<style>
div > p{
color:red;
}
</style>

<div>
<p>Direct child</p>
<section>
<p>Nested paragraph</p>
</section>
</div>

More CSS Combinators Examples (7)

example CSS Descendant Selector open example example CSS Child Selector open example example CSS Adjacent Sibling Selector open example example CSS General Sibling Selector open example example CSS Multiple Combinators open example example CSS Nested Descendant open example example CSS Sibling Styling open example