[CSS]CSS 상속 정리

상속이란 무엇인가요?

일상생활 속에서 상속이란 자식이 부모의 재산을 물려받는걸 뜻합니다. CSS에서는 부모 스타일이 자식 까지 영향을 미치는 것을 상속이라고 정의합니다.

 

상속되지 않는 속성도 inherit이라는 속성 값을 사용하여 강제로 부모로부터 자식에게 상속시킬 수 있습니다.

단, 자식을 제외한 후손(손자)에게는 적용이 되지 않으며, 모든 속성이 강제 상속되지는 않습니다.

 

상속의 주의점

.redbox {color:red}는 모든 후손에게 상속 시킬 수 있습니다. 하지만 display:flex는 자기 자신과 자식을 꾸미는 요소이기에 상속시킬 수 없는 속성입니다. 즉 모든 후손에게 까지 적용이 되어야 상속이라 할 수 있습니다.