[css] inherit, initial, unset

 

• inherit: 부모 element 의 속성을 상속받는다
• initial: 브라우저 기본 값
• unset: inherit 또는 initial 둘 중 하나로 동작한다
  - 부모 element 에 해당 속성이 있으면 inherit 로 동작
  - 없으면 initial 로 동작

 

CSS

.wrapper { color:  green; }
.wrapper p { color: orange; }
p.one { color: inherit; }
p.two { color: initial; }
p.three { color: unset; }

 

HTML

<div class="wrapper">
    .wrapper - green
    <p>.wrapper p - orange</p>
    <p class="one">p.one - inherit</p>
    <p class="two">p.two - initial</p>
    <p class="three">p.three - unset</p>
</div>

 

결과

 

https://www.digitalocean.com/community/tutorials/css-inherit-initial-unset

Inherit, Initial and Unset Values for CSS Properties | DigitalOcean