CSS(2) 상속

상속(Inheritance)

CSS에는 상속되는 속성이 있고, 상속되지 않는 속성이 있음

ex) 부모 요소의 color 속성은 자식 요소에게 상속 O. 하지만 width, height, margin, padding, border와 같은 것은 상속 X

button, input 요소처럼 form 관련 태그들은 상속받지 않기도 함.

inherit : 선택한 요소에 적용된 속성값을 부모와 동일하게 즉, 상속

initial : 브라우저 기본 스타일 속성을 따르게

<div>
	<h1>Hello</h1>
	<h2>Hello</h2>
	<p>Hello</p>
	<button type="button">Hello</button>
</div>

div{
	color: red;
}
button{
	color: inherit;
}
h1{
	color: initial;
}
h2,
p{
	border: 2px solid pink;
}