[웹퍼블리싱] class와 id

Darlene·2021년 2월 22일
0
post-custom-banner

HTML요소에 이름을 지정해주는 방법으로 class속성과 id속성이 있습니다.

<div id="red-text">안녕</div>

#red {
  color: red;
  }

<div class="blue-text">잘가</div>

.blue-text {
  color: blue;
  }

실행하게되면 안녕(빨간색), 잘가(파란색)으로 보이게 됩니다.

클래스 vs 아이디

클래스와 아이디는 얼핏 보기에 똑같아 보이지만 차이점이 있습니다.

class는 같은 클래스 이름을 여러 요소가 가질 수 있습니다.
한 요소가 여러 클래스를 가질 수 있습니다.

id는 같은 아이디 이름을 여러 요소가 사용 할 수 없습니다. (아이디명 중복 불가!!!!!!)
한 요소는 하나의 아이디만 가질 수 있 습니다.

(단, 한 요소가 클래스도 여러 개 갖고 아이디도 하나 가질 수 있음!)
post-custom-banner

0개의 댓글