What is the difference between id and class in css

Angular 7. Machine Learning. Data Structures. Operating System. Computer Network. Compiler Design. Computer Organization. Discrete Mathematics.

Ethical Hacking. Computer Graphics. Software Engineering. Web Technology. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. What is the difference between id and class in CSS, and when should I use them?

Asked 9 years, 1 month ago. Active 1 year, 8 months ago. Viewed k times. Aryan Beezadhur 2, 1 1 gold badge 13 13 silver badges 36 36 bronze badges. Possible duplicate, stackoverflow. Id stands for identity primary and class is secondary. This shouldn't have marked duplicate as author has asked " Me learning web development confused which scenario should include class vs id? Add a comment. Active Oldest Votes.

Examples of ids are: main-content, header, footer, or left-sidebar. There's only one of me id , but lots of people who are middle class. I use an SSN number to uniquely id entify me, while I'm a tiny part. This should have been accepted answer; as it clearly mentions when to use class vs id. You can use multiple class es on the same element. Javascript cares JavaScript people are already probably more in tune with the differences between class es and id s.

Dave Everitt Downvoted because the helpful part of the original version of this answer was stolen and the current version doesn't answer the question. This answer should be deleted. Ross Tollefson Ross Tollefson 5 5 bronze badges. Community Bot 1 1 1 silver badge. However, it is best practice to only use IDs if you want a style to apply to one element on the web page, and to use classes if you want a style to apply to multiple elements.

In this tutorial, we discussed, with reference to examples, the basics of the CSS ID and class selectors, and we compared and contrasted the two. About us: Career Karma is a platform designed to help job seekers find, research, and connect with job training programs to advance their careers. Learn about the CK publication. James Gallagher is a self-taught programmer and the technical content manager at Career Karma. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.

He also serves as a researcher at Career Karma, publishing comprehensive reports on the bootcamp market. Read more by James Gallagher. With help from Career Karma, you can find a training program that meets your needs and will set you up for a long-term, well-paid career in tech. Find the right bootcamp for you.

By continuing you agree to our Terms of Service and Privacy Policy , and you consent to receive offers and opportunities from Career Karma by telephone, text message, and email. Find a top-rated training program. Find Your Bootcamp Match.

Career Karma matches you with top tech bootcamps Get exclusive scholarships and prep courses. Please enter a valid phone number.

Start your career switch today. What's Next? Want to explore tech careers? James Gallagher James Gallagher is a self-taught programmer and the technical content manager at Career Karma. Tailor to tech stack and specific project. Help teams, business units, centers of excellence and corporate tech universities. Offer bootcamps to give employees a running start. Create immersive and cadenced learning journeys with guaranteed results. Uplevel your existing tech learning framework.

Extend HR efforts to provide growth opportunities within the organization. Prepare your team for an upcoming tech transformation. Let DI help you design solutions to onboard, upskill or reskill your software development organization.