[HTML] element 관계

나를 감싸는 엘리먼트를 '부모 엘리먼트'

내가 감싸고 있는 엘리먼트를 '자식 엘리먼트'

같은 부모 안에 있는 엘리먼트를 '형제 엘리먼트' 라고 한다.

 

---

 

 

1) 부모 & 자식 엘리먼트 

 예시 ]  <div>

                <nav></nav>

          </div>

이 때 div는 nav를 감싸고 있으므로 부모 엘리먼트, nav는 div라는 부모 안에 감싸져 있으므로 자식 엘리먼트라고 한다.

 

2) 형제 엘리먼트

예시 ] <div>

              <nav>1</nav>

              <nav>2</nav>

        </div>

이 때 nav1과 nav2는 div라는 한 부모 안에 있는 엘리먼트 이므로 형제 엘리먼트라고 한다.

 

---

* CSS에서는 이러한 관계를 이용하여 자식을 선택할 수 있다.

 

예시1 ]  <div>

                <nav></nav>

          </div> 

         이러한 HTML이 있다면, 

         div > nav 이런 식으로 꺽쇠(>)를 사용해 자식을 선택 할 수 있는데, 이 때 선택자가 길수록 우선순위가 높다!