CSS · Selectors and cascade

Specificity

The weight that decides which rule wins. Inline styles beat selectors; !important beats everything.

cssRunnable example css course

Syntax

id > class > type

Example

Try it

.demo { color: #2f74c0; }
/* An id rule would beat this class rule. */

Keep specificity low and flat. :where() resets it to zero.

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.