상속 제어하기 - initial, inherit, unset

initial

: 상속을 끊어내고 싶을 때

 

See the Pen Untitled by Jeong-Dagyeong (@jeong-dagyeong) on CodePen.

.child2 {
  all : initial;
}

=> child2의 상속된 모든 값을 끊어낸다.

 

---

inherit 

: 무조건적으로 부모의 값을 적용하겠다.

 

See the Pen Untitled by Jeong-Dagyeong (@jeong-dagyeong) on CodePen.

.parent2 * {
  all : inherit;
}

=> parent2 의 모든 하위요소

---

unset

1. 부모로부터 상속받을 값이 있을 때 : inherit

2. 부모로부터 상속받을 값이 없을 때 : initial(초기화)