
[html] 부모와 자식 관계 이해
2022. 3. 1. 15:34
개발이야기/HTML & CSS & SASS
간단히 코드를 보며 부모와 자식 관계를 이해해보자. div태그를 만들고 그 안으로 들어가 새로운 div태그로 감싸주었다. 그랬을때 나중에 만든 div태그에는 처음에 만든 div태그와 어떠한 관계를 가지게 되는데 바로 부모와 자식간의 관계가 되는 것이다. 자식 이번에는 자식요소의 div태그 안으로 들어가 또 다른 div태그를 만들었다. 그랬을때 자식의 부모요소는 태그를 감싸고 있는 div고 그 상위(조상)요소는 그밖에 div태그를 감싸고 있는 또 다른 div태그인 것이다. 즉 상위(조상)요소는 나를 기준으로 나를 감싸고 있는 모든 요소를 지칭하는 것이다. (당연하게 부모요소도 포함시킴) 그럼 기준을 바꿔 이번에는 부모가 기준이 되면 자식의 자식요소니까 하위(후손)요소 라고 말한다.