: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.
Syntax
/* Usage Example */
/* Styles all headings at once without repeating the parent selector */
article :is(h1, h2, h3) {
color: #111827;
margin-bottom: 0.5rem;
}
:is() Browser support
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+