[비전공자를 위한 HTML/CSS] (19) 상속

<style>
	h1 { color: gray; }
</style>

<h1>ABC<em>abc</em><h1>

 

<em>은 부모 요소 <h1>의 color: gray; 를 상속 받는다.

 

 

margin, padding, background, border 등 박스 모델 속성들은 상속되지 않는다.

 

 

상속되는 속성의 구체성

<style>
  * {color: red;}	/* 0, 0, 0, 0 */
	h1#page { color: gray; }	/* 0, 1, 0, 1 */
</style>

<h1 id="page">ABC<em>abc</em><h1>

상속된 값은 아무런 구체성도 가지지 못하므로 color: red; 가 적용된다.