My Melody Kawaii

CSS

ID와 CLASS 선택자의 차이점은?

younajeong 2023. 2. 21. 18:58

“ 지연되는 프로젝트에 인력을 더 투입하면 오히려 더 늦어진다. ”

- Frederick Philips Brooks
Mythical Man-Month 저자
728x90

Id 와 Class

01.이름을 불러올 때

클래스를 불러올 때는 클래스명 앞에 마침표를 찍어준다. 아이디를 불러 올 떄는 아이디 값 앞에 샵(#)표시를 해줍니다. 또 여러개의 요소에 같은 class명을 부여해줄 수 있습니다. 또한 하나의 요소에 여러개의 class명을 부여할 수도 있습니다.

 

자료출처    

 

이미지 처럼 id로 "attendance"를 불러왔고 <style>값 앞에 #표시를 해둔 걸 볼 수 있습니다. 또  class="name"을 사용해서 김영희라는 이름을 사용했습니다.

 

02. 중복 사용

class는 중복 사용이 가능하지만 id는 중복사용이 불가능 합니다. class는 동일한 클래스명을 페이지 여러곳으로 사용해도 되지만 id는 한개의 id로 딱 한 페이지에서 사용이 가능합니다.

자료출처    

 

사람으로 생각한다면 하나뿐인 사람 이름의 역할을 한다고 생각할 수 있습니다. 반면 중복적이고 반복적이게 쓰여도 무방한 class는 반복적으로 쓰이는 유형들을 유형별로 동일한 class로 분류하여 쉽게 관리할 수 있습니다.

 

 

03.  한 요소를 갖는 클래스와 아이디 갯수 제한

 

 

이미지처럼 class는 하나의 태그에 여러 class를 사용할 수 있지만 id는 하나의 갯수로 제한이 됩니다. id는 여러가지로 중복적이고 반복적이고 여러개를 가질 수 없습니다. 또한 한 요소가 여러개의 클래스와 한개의 아이디를 동시에 가지는 것은 가능 한 것을 볼 수 있습니다.

 

✓정리

이미지출저