[CSS] CSS 상속

CSS 상속

CSS에는 상속이라는 개념이 있는데, 부모 요소의 속성을 자식 요소에게 넘겨 주는 것을 말한다. 그러나, 태그와 속성에 따라 상속이 되지 않는 경우가 있기도 한다.

상속되는 속성들

보통 글자, 정렬과 관련된 CSS 태그들은 그대로 상속된다. 예외적으로 <a> 태그에는 color 속성이 상속되지 않는다.

1. color
2. font-family
3. font-size
4. font-weight
5. font-height
6. line-height
7. list-style
8. text-align
9. visibility

상속되지 않는 태그에 상속을 받아오는 방법

상속이 되지 않는 태그에 상속을 받기 위해서는 속성 값에 inherit를 사용해 주면 상속을 받을 수 있다.

.div a {
  color: inherit;
}