CSS(SCSS) - 상속되는 CSS 속성들

상속되는 CSS 속성 내용들

• font-style : 글자 키우기
• font-weight : 글자 두께
• font-size : 글자 크기
• line-height : 줄 높이
• font-family : 폰트(서체)
• color : 글자 색상
• text-align : 정렬

-> 모두 글자/문자(인라인 요소) 관련 속성들이다

강제상속

강제상속이란? 실질적으로 상속이 되지 않는 CSS 내용도 강제적으로 상속시킬 수 있는 방법을 말한다.(inherit : 강제 상속이라는 뜻)

사용 예)
html

<div class="parent">
<div class="child"></div>
</div>

css

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

-> 현재 parent요소에 height이 200px이 적용되었는데 child 요소에서 inherit를 사용하면 parent의 height이 똑같이 child에도 적용된다