CSS - 우선순위

같은 요소가 여러 선언의 대상이 될 경우, 

어떤 선언의 CSS 속성(property)을 우선 적용할지 결정하는 방법.

1. 명시도 점수가 높은 선언이 우선(명시도)
2. 점수가 같은 경우, 가장 마지막에 해석(늦게 작성)되는 성언이 우선(선언 순서)

3. 명시도는 '상속' 규칙보다 우선(중요도)

4. !important 가 적용된 선언 방식이 다른 모든 방식보다 우선(중요도)

 

1, 가장 중요(!important)

; 모든 선언을 무시하고 가장 우선.

 
div {
  color: red !important; /* 가장 우선 */
}

2. 인라인 선언 방식(Style Attribute)

; 인라인 선언(HTML style 속성을 사용)

 
<div style="color: orange;">inline style</div>

 

3. 아이디(ID Selector)

; 아이디 선택자

 
#color yellow {
    color: yellow;
}

 

4. 클래스(Class Selector)

; 클래스 선택자

.color_green {
    color: green;
}