CSS.02. Cascading

케스케이딩(Cascading)은 위에서 아래로, 계단식으로 코드를 적용한다는 의미이다

 

CSS는 우선순위가 있는 스타일 시트로서, 두가지 스타일이 겹칠 경우 특정 기준에 따라 스타일을 적용한다

 

스타일의 우선순위

1) 중요도 기준

사용자가 지정한 스타일>제작자 스타일> 브라우저 기본 스타일

 

2) 중요도가 같을 경우, 적용 범위 기준

(스타일 적용 범위가 좁을수록 우선)

!important: 1순위

인라인 스타일(해당 태그만): 2순위

id 스타일: 3순위

클래스 스타일: 4순위

타입 스타일: 5순위

 

3) (같은 적용 범위에서)소스 코드의 작성 순서

나중에 작성한 스타일이 이전에 작성한 스타일을 덮어씀

 

##스타일의 상속

부모 요소에 적용된 스타일은 포함된 자식 요소에게도 이어짐

단, 배경색과 배경 이미지는 상속되지 않음