CSS 적용 우선순위, !important

 

CSS 적용 우선순위

·       태그하고 가까이 있는 것이 스타일이 가장 강한 속성을 가지고 있습니다.

·       그래서 스타일 충돌시 인라인 스타일이 가장 먼저 적용되어 사용되어 지게 됩니다.

 

우선순위	CSS
1	!important 명시한 속성
2	style속성 지정
3	style요소 우선순위 style요소 1 ID #id 로 지정한 속성 2 class .클래스, :추상클래스 로 지정한 속성 3 태그이름으로 지정한 속성 4 상위 객체에 의해 상속된 속성
4	외부 CSS 파일

 

 

 

아이디 선택자	금메달
클래스 선택자	은메달
태그 선택자	동메달

 

 

 

!important

·       CSS에는 중복되는 속성 사용시 특정 순위에 따라 적용하는데, 이를 무시하고 절대적 우선순위를 가지게 할 때 속성 값 뒤에 !important를 사용하게 됩니다.

·       !important 는 디자이너-개발자간 교류에서 중요한 속성이라는 표현을 할 때도 쓰이기도 합니다.