<aside> 💡 > 선택자는 직계 자식만을 선택한다.

</aside>

부모 자식 vs 부모 > 자식 선택자

<div id="container">
   <ul>
      <li> List Item
        <ul>
           <li> Child </li>
        </ul>
      </li>
      <li> List Item </li>
      <li> List Item </li>
      <li> List Item </li>
   </ul>
</div>

.container > ul {
	/* container의 첫번째 자식인 (빨간색 배경)ul 태그만 선택된다.
		(파란색 배경)ul 태그는 선택되지 않는다. */
}

.container ul {
	/* container의 자식의 모든 ul 태그가 선택된다. */
}