WEB/CSS

id와 class의 차이점

aimee418 2023. 2. 22. 00:50

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

- Frederick Philips Brooks
Mythical Man-Month 저자
728x90
반응형

 

 

 

선택자 (selector)

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

선택자의 종류는 type선택자, id선택자, class선택자, 등이 있다

 

/ id와 class의 차이점

 

" id선택자


HTML 요소에 id 로 이름을 붙일 때에는 유일한 이름을 부여해야 하며,

다른요소에 같은 id명을 또 주면 안된다.

CSS에서는 id선택자앞에 #을 붙여야 한다.

 

*id명이나 class명은 숫자로 시작할 수 없고, 주로 영문으로 시작한다.

 

" class선택자


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

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

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

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

CSS에서는 class선택자 앞에 . 을 붙여야한다.