CSS

id 선택자와 class 선택자의 차이점은?

Kim do hyun 2023. 2. 22. 09:34
728x90
반응형

이미지 출처

선택자

선택자란 CSS로 UI의 어느 부분을 디자인 할지, 즉 표현할 대상이 디는 부분을 말합니다.

 

 

id 선택자

HTML 문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여할 수 있습니다.

HTML 요소에 id로 이름을 붙일 때에는 유일한 이름을 부여해야 하며, 다른 요소에 같은 id명을 또 주어서는 안됩니다.

CSS에서는 id 선택자 앞에 '#'을 붙여야 합니다. id명이나 class명은 숫자로 시작할 수 없으며, 주로 영문잘 시작합니다.

 

 

 

class 선택자

HTML 문서의 여러 요소 중 같은 이름을 갖는 요소들만 모아 따로 속성을 부여할 수 있습니다.

HTML 요소에 같은 이름을 부여할 때에는 class로 이름을 붙입니다.

즉, 여러 개의 요소에 같은 class명을 부여할 수 있습니다.

또한 하나의 요소에 여러 개의 class명을 부여할 수도 있습니다.

CSS에서는 class 선택자 앞에 '.'을 붙여야 합니다.