Matches Any

Pseudo-class

:is(selector)

Matches any element that matches one of the selectors in the list. Takes the highest specificity of its arguments.

Example

:is(h1, h2, h3) {
  color: navy;
}
:is(.card, .panel) > p {
  line-height: 1.6;
}

Specificity

Highest of arguments

Browser Support

All modern browsers

About the Matches Any

The :is(selector) CSS selector belongs to the Pseudo-class category.Matches any element that matches one of the selectors in the list. Takes the highest specificity of its arguments. Understanding CSS selector specificity and combinators is essential for writing maintainable stylesheets that behave predictably.

The specificity of this selector is Highest of arguments. CSS specificity determines which styles are applied when multiple rules target the same element. Higher specificity values take precedence. The specificity hierarchy from lowest to highest is: universal (*) → type/element → class/attribute/pseudo-class → ID → inline styles → !important.

Browser support for Matches Any is: All modern browsers. When using newer CSS selectors like :has(), :is(), or CSS nesting, consider providing fallback styles for older browsers. Use @supports to progressively enhance your stylesheets with modern features while maintaining backward compatibility.

Related Selectors

:where(selector):not(selector):has(selector)