상속과 공용키워드

✏️ 상속

상속(inheritance)이란 하위 요소가 상위 요소의 스타일 속성값을 물려받는 것을 의미

상속이 이루어지는 속성도 있고 그렇지 않은 속성도 있음

---

✏️ 공용 키워드

스타일 속성의 상속 여부를 제어할 수 있는 키워드를 별도로 지원
모든 속성에 적용할 수 있는 키워드임으로 '공용 키워드' 또는 '전역 키워드'라 칭함

1️⃣ inherit : 상위 요소로부터 해당 속성의 값을 받아 사용

border 속성은 상속되지 않는 속성이나 ul 요소가 상위 요소인 list class의 border 속성을 상속 받음

2️⃣ initial : (브라우저에 지정되어 있는)해당 속성의 기본값을 요소에 적용

color, font-style, font-weight 요소는 모두 상속되는 속성이나
ul 요소가 상위 요소인 list class의 color, font-style, font-weight 속성을 상속받지 않음

3️⃣ unset : 상속 속성에 대해서는 inherit으로 상속되지 않는 속성에 대해서는 initial로 처리

ul 요소가 상위 요소인 list class의 color 속성은 상속 받고, border 속성은 상속 받지 않는다.
(color 속성은 상속되는 속성, border 속성은 상속되지 않는 속성)