[HTML & CSS] 태그의 부모 자식 관계

✔ 부모 자식 관계 1

- html은 계층 구조를 가짐

    - header 안에 h1과 p태그가 있다고 말할 수도 있지만, 하위에 있다고도 할 수 있음

 

- <header> : 부모 태그

- <h1> & <p> : 자식 태그

=> <header>와 <h1><p> : 부모 자식 관계

=> <h1>과 <p> : 형제 관계 (같은 층/레벨)

 

- 부모 자식 관계에서 각각 스타일 지정 시 작은 범위를 지정하는 자식 태그의 스타일이 우선 적용됨

- 부모 태그의 스타일만 지정 시 자식 태그도 같은 스타일이 적용됨

    => 부모 태그의 CSS 속성은 자식 태그가 상속 받음

    => 자식 태그의 CSS 속성은 부모 태그에 영향을 미치지 않음

 

✔ 부모 자식 관계 2

- 원하는 특정 위치의 태그에만 css 속성을 적용하고자 할 경우 부모 태그를 함께 작성

    => 부모태그 자식태그 { 속성 : 속성값; }