Skip to main content

What is the priority of the ID selector?

CSSJunior~1 min read
Suggest an edit

The ID selector has very high priority, it ranks above class and tag selectors, but below inline styles and !important.

If expressed through the specificity formula [a, b, c, d], ID gives 1 point in digit b, that is:

javascript
#header → [0, 1, 0, 0] .class → [0, 0, 1, 0] div → [0, 0, 0, 1]

Summary of selector priority (top to bottom)

  1. !important
  2. inline styles (style="")
  3. ID selectors (#id)
  4. class, attribute, pseudo-class selectors
  5. tag selectors
  6. default browser styles

Thus, the ID selector has one of the highest priorities among regular CSS selectors and almost always "wins" over a class or tag if they conflict.

Short Answer

Interview ready
Premium

A concise answer to help you respond confidently on this topic during an interview.

Suggest an edit