부모를 모르고 임의의 자식 요소를 선택하는 방법은 무엇입니까?

부모를 모르고 임의의 하위 요소 선택

동적 코드를 다룰 때 상위 요소가 대상 아동은 알 수 없습니다. 이는 하위 선택자를 사용하여 특정 요소를 선택하려고 할 때 문제가 됩니다.

N번째 하위 선택자를 구출하세요

다행히도 n번째 하위 선택자는 다음 문제에 대한 솔루션을 제공합니다. 이 문제. 첫 번째 자식 및 마지막 자식과 달리 nth-child()는 부모 요소를 지정하지 않고 사용할 수 있습니다. 부모의 신원에 관계없이 현재 컨텍스트 내에서 n번째 자식을 선택합니다.

예:

다음 HTML 구조를 고려하세요.

<youdontknowwhat!>
   <p class="select-me">One</p>
   <p class="select-me">Two</p>
</youdontknowwhat!>

두 번째 단락을 선택하려면 다음 선택기를 사용할 수 있습니다.

.select-me:nth-child(2)

왜 안 되나요? :first, :last 또는 :nth 선택기?

BoltClock에서 언급했듯이 루트()를 제외한 모든 HTML 요소는 다른 요소의 하위 요소입니다. :first와 같은 선택자를 사용하는 것은 현재 요소의 첫 번째 자식이나 현재 요소 부모의 첫 번째 자식을 참조할 수 있기 때문에 모호합니다. 선택 범위를 명확하게 지정하는 :first-child, :last-child 및 :nth-child()를 사용하면 이러한 모호성을 피할 수 있습니다.

위 내용은 부모를 모르고 임의의 자식 요소를 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!