요소의 링크를 선택하지만 해당 요소의 하위 요소는 선택하지 마십시오.

Question

태그에 탐색 모음이 있습니다. 그것은 순서가없는 목록이고 일부 목록 항목에는 하위 메뉴 (목록 항목 내 다른 정렬되지 않은 목록)가 있습니다. nav 요소에서 'a'태그를 선택하고 하위 메뉴에서는 선택하지 않으려합니다. 나는 이것을 지금까지 가지고있다 :

document.querySelector('nav').getElementsByTagName('a') 

그러나 navbar의 모든 'a'태그를 가져온다.

탐색 표시 줄에서 'a'태그는 선택하지만 하위 태그는 선택하지 않으려면 어떻게해야합니까?

감사

Answer 1

는 아이 콤비 선택 nav > a를 사용합니다. nav의 직접 하위 요소 인 a 요소 만 선택합니다.

은 참조 : 난 내 대답을 제거하고있어 당신 대신 +1 제공하므로 http://css-tricks.com/child-and-sibling-selectors/