HTML id와 class의 차이에 대해 설명해주세요.

최관수·2023년 9월 19일
0

기술면접

목록 보기
39/58
post-custom-banner

내용 정리

  • id는 문서 전체에서 유일한 고유식별자를 정의할 때 사용합니다. 말 그대로 문서 내에서 하나만 존재 가능합니다. class 또한 선택자에 별도의 이름을 할당해서 사용할 수 있고 id와는 다르게 중복 사용이 가능하며, 공백을 구분자로 여러 개의 class 지정이 가능합니다. 보통 동일한 class 이름을 할당해서 여러 선택자를 한번에 잡는 경우에 사용합니다. id는 #id로, class는 .class로 선택자를 잡고, 우선순위로 치자면 id가 class보다 높습니다. 이런 이유 때문에 id 선택자로 css styling을 하는 것을 안티 패턴으로 여겨지는 부분이 있습니다.

꼬리 질문

  • id도 공백을 구분자로 여러 개의 다른 id를 부여할 수 있나요?
  • css 적용 우선순위에 대해 설명해주세요
    • !important > inline-style > #id > .class > tag > inherit

참고자료

profile
평소엔 책과 영화와 음악을 좋아합니다. 보편적이고 보통사람들을 위한 서비스 개발을 꿈꾸고 있습니다.
post-custom-banner

0개의 댓글