[CSS] 속성의 상속

부모 자식 관계

<header>
    <h1>Header h1</h1>
    <p>Header p</p>
</header>

// style.css 문서
header { color: red; }
h1 { color: blue; }
p { color: green; }

• 부모 자식 관계 : <header> 와 <h1>, <p>
• 형제 관계 : <h1>과 <p>

 

원하는 지역에만 CSS 속성 적용

<header>
    <h1>Header h1</h1>
    <p>Header p</p>
</header>

<footer>
    <h1>Footer h1</h1>
    <p>Footer p</p>
</footer>

// style.css 문서
header { color: red; }
header h1 { color: blue; }
header p { color: green; }

• 원하는 지역에만 css 속성을 적용하기 위해 부모를 구체적으로 표기한다.