css

ID와 CLASS 차이점(CSS 선택자)

grovy 2023. 2. 21. 18:08
728x90

id선택자

HTML요소로 id에 이름을 붙일때 유일한ID을 부여 해야 하며 중복 불가 XD

css에서는 id 선택자 앞에 ' # ' 을 붙여야 함 !

 

class선택자

HTML요소로 공통점을 가진 요소들에게 class요소에  부여 할수 있다 XD

또한 하나의 요소에 여러개의 class 명을 부여 할수 있음!

css에서는 class 선택자 앞에 ' . ' 을 붙여야 함 !

 

 

Etc 특이사항

  • id 명이나 class 명은 숫자로 시작할수 없음 ! 
  • 서로다른 효과를 줄때의 우선순위는 id > class > tag(요소명) 순으로 적용됨 ! 
  • 대소문자 구별하여야 한다 ! 
  • id와 class명은 같아도 가능 !
  • 선택자?  스타일 적용 영역을 선택하는 지시자 !
  • 선택자를 통해 스타일을 주더라도 인라인 스타일(inline style)을 우선취급함 !

 

Ex :D

See the Pen selector by getgrovy (@getgrovy) on CodePen.