Modern CSS

:where()

:where() allows expressive selectors without adding specificity weight.

CSS code example
:where(.flow > *) + * {
    margin-block-start: var(--space-m);
}

Architecture impact

  • reduces specificity debt
  • improves utility safety
  • makes overrides easier
  • supports composition