상속 (20.07.06)

1. 상속: 특정 스타일이 특정 요소만이 아니라 그 자손 요소에까지 적용되는 방식.

 

<h1>의 자손인 <em> 요소는 회색으로 나타남을 알 수 있습니다.

*margin, padding, background, border ..? 등은 상속이 되지 않는 요소입니다.(상식선에서 생각해보면 가능한지 아닌지 대충 감이 옵니다! 생각, 생각!!)

 

2. cascading: 폭포가 내려오는 모양처럼 단계적인, 이러한 뜻을 가지고 있습니다. 구체성이 같은 규칙이 나오면 이러한 캐스케이딩의 단계적인 규칙을 따라 동작합니다.

 

2.(1): 중요도 & 출처

- 기본적으로 !important로 선언된 모든 규칙은 그렇지 않은 규칙보다 우선합니다.

 - 출처는 제작자, 사용자, 에이전트로 구분합니다.

 

2.(2): 구체성

- 각 부분의 구체성을 계산한후 어떤 요소가 적용될지 생각해봐야 합니다.

 

2.(3): 선언순서

- 나중에 선언한 부분이 더 우선시하게 됩니다.