html 태그 id와 class 차이와 적용 우선순위, 중복가능여부

ID (#)

• 고유한 속성으로 한 HTML 문서에 하나만 사용 가능합니다.
• 고유한 ID 값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이합니다.
• id, class 중 id값을 먼저 속성으로 인식, 적용합니다.

 

 

Class (.)

• 하나의 HTML문서 안에 중복해서 사용 가능합니다.
• 하나의 태그에 여러 개의 다른 class 이름을 공백을 기준으로 나열할 수가 있습니다.
• 홈페이지 전체적인 스타일을 일관성 있게 지정하기 위해서는 class의 사용이 필수적입니다.

 

<p class="ex a">이렇게 공백과 함께 중복사용 가능해서</p>
<p class="ex b">css에서 정리하기가 쉬워요</p>