CSS 상속

html에서는 부모와 자식이 있고
부모 요소의 속성값을 자식요소에게 상속하여 적용함.

CSS에서도 마찬가지로

부모요소인 container에 color: red; 를 부여한다면

이처럼 내부의 자식요소인 p태그까지도 해당 속성을 이어받아서 적용이된다

그런데 생각해보면 모든 속성이 상속되지는 않는다 왜일까?

예를들어 부모에 border 외곽선을 주었을때 만들어진 결과를보면

부모에만 외곽선이 적용되고 자식에는 이어지지 않았음.
이처럼 상속이 되는 속성과 되지 않는 속성이 있다.

다 외울수는 없으니 CSS 명세, MDN 같은것도 좋고, 코드를 직접 입력해 보는것도 좋음.

만약 여러개의 상속 속성이 겹쳤을 때, 무엇이 우선적용될까
= Cascading 이라는 룰이 우선순위를 결정함.