스타일 상속

스타일 상속은 태그들이 어떻게 포함되었는지에 따라서 스타일을 적용할 지 결정하는 원칙입니다. 아래와 같은 코드에서 바깥쪽의 태그를 부모 요소, 내부의 태그를 자식 요소라고 합니다.

<div>
  <div>
  </div>
</div>

상속 요소는 부모 요소의 스타일을 자식 요소가 따라가는 것을 의미합니다.

<div style='background-color: violet;'>
      부모 요소
      <div>자식 요소 응애</div>
</div>