초짜코딩의 잡동사니

id와 class의 차이점 본문

CSS

id와 class의 차이점

초짜코딩 2022. 4. 16. 17:03

 

id와 class

id 선택자와 class 선택자는 특정 요소를 대상으로 스타일을 적용하기 위한 것입니다. 예를 들어 id와 class를 사용하면 모든 <p>요소가 아닌 특정한 <p>요소에만 스타일을 적용할 수 있습니다.

id 선택자와 class 선택자의 차이는 문서 안의 '복수'의 요소에 스타일을 적용하는 것인가 아니면 '유일'한 요소에 스타일을 적용하는 것인가입니다. 결론적으로 말하면 id는 '유일'한 요소에 적용, class는 '복수'의 요소에 적용할 수 있습니다.

id 선택자

id 선택자는 문서 안에 있는 단 하나의 요소에 스타일을 적용하는 경우에 사용합니다.
선택자에 샤프(#)와 id명(임의의 이름)을 붙여 식별합니다.

class 선택자

class 선택자는 문서 안 복수의 요소에 스타일을 적용하는 경우에 사용합니다.
요소명에 피리어드(.)와 class명(임의의 이름)을 붙여 구별합니다.

'CSS' 카테고리의 다른 글

grid  (0) 2022.04.16
flex  (0) 2022.04.16
이미지 문법  (0) 2022.02.03
벤더 프리픽스  (0) 2022.02.03
float 영역 깨짐 현상  (0) 2022.02.03