HTML 요소 관계의 이해

<div class="1">
	<div class="2">content</div>
</div>

1번 class를 부모요소 2번 클래스를 자식요소 라고 한다.

당연히 2개만 나오면 좋겠지만 여러가지 예제를 봐도 단 2개만 쓰는 경우는 드물다.

<div class = "1">
	<div class = "2">
	    <div class = "3">content</div>
    	    <div class = "4">content_02</div>
     </div>
 </div>        

위와 같다면 3번 4번 은 형제요소로 볼수있으며 3,4번에게 1번은 조상요소로 볼수 있고 반대로 3,4번은 1번을 조상요소로 볼수있다.

이처럼 요소간의 관계는 상대적이라고 볼수있다.