[CSS] ID와 Class의 차이

 

🌈 ID 와 Class 의 차이?

 

- Class는 중복 사용이 가능하다. 동일한 클래스명을 여러 곳에 사용해도 무방하다. 하지만 ID 는 그렇지 않다. 한 개의 ID는 딱 한 번만 사용이 가능하다.

- Class는 한 요소에 여러 개의 클래스명을 적용해서 사용할 수 있다. 하지만 ID는 그렇지 않다. 한 요소에 하나의 ID 만 적용이 가능하다.

 

 

	ID	Class
중복사용	가능	불가능
한 요소 갯수 제한	한 요소에 한 아이디만 사용 가능	한 요소에 여러개 클래스 사용 가능

 

💡 선택자 우선 순위

: !important>인라인 > ID > Class > Element 

 

1. 속성값 뒤에 !important 를 붙인 속성이 가장 우선수위가 높다.

 

Ex. p {color: blue ! important;}

 

2. HTML 에서 style을 직접 지정한 속성

 

3. #id 로 지정한 속성

 

4. .class 로 지정한 속성

 

5. tag 이름으로 지정한 속성