CSS는 HTML의 요소에 스타일 속성을 지정할 수 있도록 고안된 언어이다. 따라서 특정 요소에만 속성을 주기 위해서는 요소별로 구분자, 쉽게 말해 구별할 수 있는 이름이 필요하다. 그리고 이러한 이름에는 지정한 속성에 대한 우선순위 계층이 존재하는데 이를 특정도라고 한다.

특정도란?

각 선택자는 css구문에서 해당하는 스타일 수 * 특정도 값을 더한 값

특정도 계산식은 다음과 같다.

스타일 특정도 특정도값
!important absolute -
Inline(인라인 스타일) A 1000
ID 선택자 B 100
Class 선택자 C 10
Tag 선택자 D 1


마법의 !important

어떤 특정도도 무시하고 가장 우선순위로 적용하게 해준다. 그렇지만 코드의 유지보수에는 적절하지 않은 속성이다. 절대적으로 해당 속성을 따르기 때문에 지정한 부분은 잊어버리면 끝장이다. 되도록 쓰지 않는 것을 추천한다.


Julia Hwang

디발자를 꿈꾸는 웹개발자의 블로그입니다.