본문 바로가기

HTML/CSS

8. class와 id

class와 id로 스타일을 부여해줄수있는데

둘다 지정할때는

.클래스명 #id명으로 지정할수 있으며

엠멧태그로 생성시에도

div.abcd>div#ididid

결과

<div class="abcd">

     <div id="ididid">

     </div>

</div>

이런식으로 생성해줄수 있다

이 둘의 차이는

class는 중복으로 사용할수가 있고 여러개를 동시사용할수있는데

id의 경우 중복사용이 불가하고 여러개를 동시사용이 불가능하다

 

예를들어

<div class="abcd efg">  ----가능

     <div id="ididid ">

     </div>

</div>

<div class="abcd efg"> </div> ----위에서도 쓰인 class지만 중복이 허용되므로 가능

<div id="id1"></div>

<div id="id1"></div> ---중복이 허용되지 않으므로 불가능

<div id="id2 id3"></div> ---여러개 사용이 불가능하므로 불가능