[css] 자식 선택자

자식 선택자는 부모 요소와 자식 요소를 선택하기 위해 부모 요소 이름 뒤에 “ > “ 기호를 사용합니다.

예를 들어, 다음과 같이 사용될 수 있습니다:

nav > ul {
  /* 부모 요소가 <nav>이고 직계 자식 요소가 <ul>인 요소에 스타일 적용 */
  list-style-type: none;
}

위의 코드에서 “nav > ul”은 <nav> 요소의 직계 자식으로 있는 <ul> 요소를 선택하여 목록 스타일을 제거하는 스타일을 적용합니다.

자식 선택자를 사용하면 특정한 구조를 가진 요소를 선택하여 스타일을 적용할 수 있습니다.

더 자세한 내용은 MDN web docs를 참고하시기 바랍니다.