[ CSS ] inherit

- 자식 요소에서 특별히 속성을 지정하지 않은 경우, 부모의 속성 받아오는 것

 

ex) HTML

<div>
    <a href="#">사이트</a>
</div>

 

ex) CSS

div{
    font-size:2rem;
}
a{
    font-size:inherit;
}

자식속성 a에 font-size:inherit; 을 입력하면 자식의 font-size도 2rem이 된다.

 

inherit 속성인것	inherit 속성이 아닌것
- color ( a태그는 제외 ) - display - font size - font-weight - text-align	- border