[CSS]상속

상속(Inheritance)

 부모요소에 적용된 값이 자식(하위) 요소들에게 적용된다.

 

 -상속되는 속성들

   - font

      - font-size

      - font-weight

      - font-style

      - line-height

      - font-family

   - color

   - text-align

   - text-indent

   - text-decoration

   - letter-spacing

   - opacity

   ---- etc.....

 

 

 

 

강제상속

  상속이 적용되지 않는 속성도 inherit 라는 값을 사용하여 부모에서 자식으로 강제 상속이 가능하다.

<div class="parent">
  <div class="child"></div>
</div>

.parent {
  position: absolute; /* 상속되지 않는 속성과 값 */
}
.child {
  position: inherit; /* 강제 상속 받아 position: absolute; 와 동일 */
}

 

 

 

 

 

 

 

#패스트캠퍼스