ExampleSection

by Dominik Wilk

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Child_selectors -->

<div>
  <span>Span #1, in the div.
    <span>Span #2, in the span that's in the div.</span>
  </span>
</div>
<span>Span #3, not in the div at all.</span>

CSS

span {
  background-color: white;
}

div > span {
  background-color: DodgerBlue;
}