231011 수) CSS Cascade

css cascade

position -> Specificity -> type -> importance


position

 

아래쪽에 위치할수록 우선된다

 

Specificity

 

범위가 좁아질수록 우선된다

 

element 4순위
class 3순위
attribute 2순위
id 1순위

Type(유형)

 

외부에서 내부, 내부에서 인라인으로 갈수록 우선된다

외부 CSS 3순위
내부 CSS 2순위
인라인 CSS 1순위

 

 

최고 순위 !Important;(중요도 키워드)

 

!important;의 유무에 따라 우선된다

color: red; 2순위
color: green !important; 1순위