CSS 속성의 상속

억지로 상속을 받아오기 위해서는 해당 속성에 inherit 값을 쓰면 됨!

.div1 a {color: inherit;}
<a> 태그는 color를 상속받지 않지만, 이렇게 강제 부여할 수 있음

대부분 상속되는 속성들

1. color

color: pink;

부모 요소의 텍스트 컬러가 핑크로 설정되어 있다면,
자식 요소 또한 자동으로 상속 받음

---

2. font-family

font-family: "Helvetica";

부모 요소의 폰트가 Helvetica로 설정되어 있다면,
자식 요소 또한 자동으로 상속 받음

---

3. font-size

font-size: 16px;

부모 요소의 글자 크기가 16px로 설정되어 있다면,
자식 요소 또한 자동으로 상속 받음

---

4. font-weight

font-weight: bold;

부모 요소의 글자 두께가 bold로 설정되어 있다면,
자식 요소 또한 자동으로 상속 받음

---

5. line-height

line-height: 24px;

부모 요소의 텍스트 높이가 24px로 설정되어 있다면,
자식 요소 또한 자동으로 상속 받음

---

6. list-style

list-style: none;

부모 요소의 목록 방식이 없음으로 설정되어 있다면,
자식 요소 또한 자동으로 상속 받음

---

7. text-align

text-align: center;

부모 요소의 문자 정렬이 가운데 정렬로 설정되어 있다면,
자식 요소 또한 자동으로 상속 받음

---

8. visibility

visibility: hidden;

부모 요소의 가시성이 숨김으로 설정되어 있다면,
자식 요소 또한 자동으로 상속 받음