css 공부: 우선순위

안녕하세요. 웹클래스입니다. (v1.0.0)
현재는 공부하면서 취업준비생입니다.

현재 취업 준비생이라서 부족한 점이 많습니다.
수정사항 및 추가사항이나 피드백 댓글 달아주시면 빠른시내에 수정하겠습니다.
방문해주셔서 감사합니다.

01. css 우선순위이란?

얼마나 이 선택자가 구체적이냐? 구체적인 이름이 있냐? 에 따라서 우선순위가 결정이 됩니다.

02. 기본적으로 css 우선순위는?

#div {}
.div {}
div {}
* {} 

기본적으로 css파일에서 우선순위는 * > div > .div > #div 순으로 결정이 됩니다.
가장 높은 우선순위는 #div 입니다.

03. #div 보다 더 높은 우선순위는?

<div style="color: blue";></div>

css파일에서 적용하는게 아니고 html문서에다가 적용해야합니다
기본적으로 css 우선순위는 * > div > .div > #div > style="color: blue"; 순으로 결정이 된다.

04. 우선순위중에서 강력한 속성이 있습니다.

* {color: green !important;}

!important 우선순위중에서 강력한 속성입니다. 속성값 끝나는 곳에 !important; 작성하면 우선순위가 낮은 것도 우선으로 적용됩니다. 하지만 !important 잘 사용하지 않습니다.

05. 우선순위 요약