.animal {
	color: red;
}

/* 
<div class="animal">동물
	<div class="tiger">호랑이</div>
	<div class="lion">사자</div>
</div>
 */

강제 상속

자식요소에서 부모요소를 따라가게끔 상속(inherit)을 시켜준다.

.parent {
  width: 300px;
  height: 200px;
  background-color: red;
}
.child {
  width: 100px;
  height: inherit;
  background-color: orange;
}

선택자 우선순위

우선순위란, 같은 요소가 여러 선언의 대상이 된 경우, 어떤 선언의 CSS속성을 우선 적용할지 결정하는 방법으로 점수가 높은 선인이 우선이며, 점수가 같으면 가장 마지막에 해석된 선인이 우선한다.

div {
	font-size: 70px;값

가장 마지막 선인인 green이 나오게 된다.