como simplificar seu CSS com a função :is()

Um truquezinho pouco conhecido é usar a pseudo-class function :is() para simplificar seletores complexos e reduzir o tamanho do seu código CSS.

Por exemplo, ao invés de escrever CSS repetitivo como esse:

.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6 {
  margin-bottom: 1rem;
}

Você pode usar a função :is() pra obter o mesmo resultado mas de uma forma mais concisa:

.container :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 1rem;
}