Easy CSS Question 67 of 229

What is the difference between a CSS class and an id?

Frontend Master · Speak this in 60–90 seconds · Faridabad & Delhi NCR

PICTURE THIS: RAG CHATBOT

QuestionEmbed query
SearchCompany docs
LLMAnswer with sources

Simple meaning

A class can be reused on many elements

1

WHY — CSS instead of guessing?

Why interviewers care about CSS:

They want a clean

contrast on CSS, not two memorised paragraphs.

Say what changes for

the developer, then one case where picking wrong hurts.

Stay structured

Name the idea, why it exists, then one short example.

Close cleanly

End with when you use it and one common pitfall.

2

STEPS — What happens step by step?

Before you speak the answer, walk the interviewer through these steps:

  1. 1
    A class can be

    reused on many elements

  2. 2
    an id should be

    unique on the page.

  3. 3
    IDs also beat classes

    in specificity, which makes overrides harder.

  4. 4
    I style with classes

    and keep ids for labels, skip links, and fragment navigation.

  5. 5
    Common mistake

    What juniors usually get wrong.

  6. 6
    Close

    When you pick this over the alternative.

3

EXAMPLE — See it in action

Here's a short line you can speak, broken into clear beats:

Say this line
“IDs also beat classes in specificity, which makes overrides harder.”
Break into beats
IDsalsobeatclassesinspecificity
Speaking order
2987408337471632900

Note: Adapt this scaffold to your own project — keep it under 60–90 seconds.

Key takeaway

A class can be reused on many elements an id should be unique on the page.

Chat with us