CSS specificity

Calculate the (a, b, c) triple of a selector.

Processed in this browser. Nothing is sent to a server.

Result

How do I use CSS specificity?

Paste a selector. :where() adds nothing. This simple version counts :is and :not by what is written outside them.

What are the limits of CSS specificity?

Deeply nested selectors can miss the inner :is count.

Related tools