LearnThatStack Ace your next interview
CSS3 · question
Q.01 of 104

Explain the CSS cascade and specificity

beginner
← All CSS3 questions
Re-explain

The CSS cascade determines which styles apply when multiple rules target the same element. Specificity is calculated as:

  1. Inline styles (1000 points)
  2. IDs (100 points each)
  3. Classes, attributes, pseudo-classes (10 points each)
  4. Elements and pseudo-elements (1 point each)

When specificity is equal, the last rule in source order wins. !important overrides specificity but should be used sparingly.

Rewriting in plainer words…

This answer doesn't lend itself to a diagram - it reads best . No credits were charged.

The model's verdict: “

The interactive diagram is below the answer - jump to diagram ↓

This answer is explained by a shared concept diagram - open

Tailored explanation · switch back to · ·
Point the redraw:
How well did you know this?
AI:

Saved in this browser - sign in to keep your review list.

How should your speech become text?

Listening… your words appear above as you speak - tap Stop when you're done.

Recording · cr - tap Stop & transcribe when you're done.

Transcribing with AI…

Voice:

Keep going - a few more words and AI can grade it.

Interview lens

Likely follow-ups, what you can say, and the weak answers to avoid.

Sign in free to open it Free account - the lens opens as soon as you're back.

Want a quick review of the fundamentals? See the CSS3 cheatsheet.

← Back to all CSS3 questions
Pro · $10/mo

89 of 104 CSS3 answers are gated.

Full answers, code samples, AI explanations - simpler, deeper, or as an interactive diagram. Cancel anytime.

  • Full answers + code
  • AI explain - simpler, deeper, or visualized
  • 1,000 AI credits / month
  • Cancel anytime