:is()

Matches any element in its list while taking the specificity of its most specific argument. It is used to group selectors efficiently and reduce repetition.

/* Usage Example */
/* Styles all headings at once without repeating the parent selector */
article :is(h1, h2, h3) {
  color: #111827;
  margin-bottom: 0.5rem;
}

This comparison shows how :is() works in a real project. View snippet →

Widely available Since 2021 95% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2021.

88+
78+
14+
88+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC