<header>
  <p>Title</p>
  <div>
    <p>Header content</p>
  </div>
</header>

<article>
  <p>Article</p>
  <div>
    <p>Article body</p>
  </div>
</article>

<footer>
  <p>Footer</p>
  <div>
    <p>Footer copy</p>
  </div>
</footer>
 :is(header, article, footer) > p {
  font-weight: bolder;
  color: blue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.