JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<article>
  <header>header</header>
  <nav id="nav">nav</nav>
</article>

<main>
  <header>header</header>
  <nav id="nav2">nav</nav>
</main>

CSS

article > :is(header, #nav) {
  background: red;
}

article > header {
  background: green;
}

main > :where(header, #nav2) {
  background: pink;
}

main > header {
  background: yellow;
}