[CSS] CSS 우선순위 정리

Intro CSS는 우선순위가 정해져 있습니다. CSS가 의도한 대로 적용되게 하기 위해서는 우선순위를 생각해서 작성해야 하기 때문에 이 순서를 정리해보겠습니다.

Goals · CSS 우선 순위 Content CSS 우선순위는 다음과 같습니다. 1. !important를 붙이는 경우 2.

HTML tag에 style attribute로 지정한 경우 3. HTML tag에 id로 지정한 경우 4.

HTML tag에 class로 지정한 경우 5. HTML tag 이름으로 지정한 경우 6.

상위 element에 의해 상속된 경우 번호가 낮을수록 우선순위가 높습니다. 따라서 !

important를 사용하는 경우 다른 영역에서 지정된 CSS는 모두 무시됩니다. 그렇다면 동일하게 !

important가 적용되어 있는 경우에는 어떻게 될까요..........