How does :is() and :has() specificity work in W3C Selectors 4?

The specificity of :is(), :not(), and :has() is determined by the most specific argument in its comma-separated argument list.

What is the specificity of :where()?

:where() has a constant specificity of (0, 0, 0), regardless of how complex or specific its arguments are. It is designed for CSS resets and default styles.

CSS Specificity Calculator (W3C Selectors 4)

Compute exact CSS selector specificity tuples (A, B, C). Supports modern pseudo-classes including :is(), :where(), :has(), and :not() with cascade conflict comparison.

PARSED TOKEN BREAKDOWN 0 tokens

CASCADE COMPETITION COMPARATOR Which Rule Wins?

Frequently Asked Questions

How is the specificity score ordered?

Specificity is evaluated left-to-right like digits in a number: 1 ID selector (1, 0, 0) always beats any number of classes (0, 99, 0). Inline styles take precedence over IDs.

Does the universal selector (*) add specificity?

No. The universal selector (*) and combinators (+, >, ~, space) have no specificity effect (0, 0, 0).