CSS 우선순위

한줄요약

!important > inline > id선택자 > class명 > HTML 태그명 > DOM구조의 상위 상속

!important

가장 높은 우선순위

inline

style 속성을 활용하여 CSS를 정의하는 방법

id선택자

해시태그(#) 또는 태그 id 정의하는 방법

class명

dot(.)를 선택자 앞에 붙혀 태그의 class명 정의하는 방법

HTML 태그명

태그명을 그대로 선언하여 CSS속성을 부여하는 방법

DOM구조의 상위 상속

CSS 속성의 대상 Element에게 아무 속성도 정의하지 않을 경우 기본값은 inherit가 기본값. 상위 Element의 속성을 상속받음