티스토리 뷰

CSS

id와 class의 차이

Front_end 2022. 2. 3. 14:07

id/class 차이점

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

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

  • id: '유일'한 요소에 스타일을 적용
    • 선택자에 (#)과 (id)명을 붙여 식별
  • class: '복수'의 요소에 스타일을 적용
    • 요소에 (.)과 (class)를 붙여 구별

'CSS' 카테고리의 다른 글

CSS선택자 - [게임] CSS Speedrun  (0) 2022.02.07
색상 표현  (0) 2022.02.03
CSS의 단위  (0) 2022.01.31
Block 과 Inline  (0) 2022.01.27
CSS의 정의와 주석표시  (0) 2022.01.27
댓글
© 2018 webstoryboy