내 머릿속 데이터베이스

CSS #id와 CLASS의 차이점 본문

Programming/Web Language

CSS #id와 CLASS의 차이점

파도소리 2009. 9. 5. 22:02

#id {color: #FFFFFF}
.class {color: #FFFFFF}

둘다 같은 기능같이 보이지만 이 둘의 차이점은 존재 한다.

1) id는 한 태그에 하나의 id만 지정할 수 있다.
몰론 여러개를 지정해도 출력되는것에 문제는 없다고 한다. 단 표준을 어기는 것이니 이런경우 CLASS를 사용한다.
class는 여러개의 선언이 가능하다.

<p class="class1 class2"></p>

2) 우선순위의 차이, id가 class보다 우선순위가 높다.

3) id는 Javascript에서 동적으로 제어가 가능하다.
javascript에서 CSS를 동적으로 변화할 필요가 있을 경우 class는 안된다.
class 정적, id는 동적
Comments