HTML요소에 이름을 지정해주는 방법으로 class속성과 id속성이 있습니다.
<div id="red-text">안녕</div>#red { color: red; }
<div class="blue-text">잘가</div>.blue-text { color: blue; }
실행하게되면 안녕(빨간색), 잘가(파란색)으로 보이게 됩니다.
클래스 vs 아이디
클래스와 아이디는 얼핏 보기에 똑같아 보이지만 차이점이 있습니다.
class는 같은 클래스 이름을 여러 요소가 가질 수 있습니다.
한 요소가 여러 클래스를 가질 수 있습니다.
id는 같은 아이디 이름을 여러 요소가 사용 할 수 없습니다. (아이디명 중복 불가!!!!!!)
한 요소는 하나의 아이디만 가질 수 있 습니다.
(단, 한 요소가 클래스도 여러 개 갖고 아이디도 하나 가질 수 있음!)