CSS :where() Pseudo-class

Definition and Usage

CSS :where() Pseudo-classes are used to apply the same style to all elements within the parentheses.

:where() pseudo-classes require a comma-separated list of selectors as their parameters.

:where() Pseudo-classes are similar to :is() pseudo-classes are similar but differ in specificity::where() has a specificity of 0, while :is() Specificity depends on the most specific selector in its parameters.

Example

Apply red text color to p.intro, <ul>, and <ol> elements:

:where(p.intro, ul, ol) {
  color: red;
{}

Try It Yourself

CSS Syntax

:where(selector-list) {
  css declarations;
{}

Technical Details

Browser Support

The numbers in the table specify the first browser version that fully supports this pseudo-class.