[html/css] css cascading 순서

css에는 특성이 적용되는 순서(cascading)가 있다. 

그 종류로는 position, specificity, type, importance가 있다.

Cascading 순서

- Position: css 상에서 위에서 아래 순서로 적용

- Specificity: 구체적인 요소가 우선적으로 적용

태그 < id < attribute < id 순서로 적용

- Type: External Stylesheet < Internet Stylesheet < Inline Stylesheet 순서로 적용

- Importance:  !important 키워드로 우선 적용 가능

position, specificity, type 모든 것과 무관하게 우선 적용

 

해당 포스트는 Udemy 강의 The Complete 2023 Web Development Bootcamp의 내용을 정리한 것입니다.