在不知道其父元素的情況下如何選擇第 N 個元素？

在沒有父元素知識的情況下選擇第n 個子元素

使用動態程式碼時，當父元素為父元素時，選擇第n 個元素可能會很困難未知。但是，這可以使用 CSS 選擇器來實現，例如 :first-child 和 :nth-child()。

:first-child 和 :nth-child()

這些選擇器可讓您根據元素在父元素中的位置來選擇元素。例如，:first-child 選擇第一個子元素，而 :nth-child(2) 選擇第二個子元素。

為什麼:first、:last、:nth 不存在

與:first-child 和:nth-child() 不同，選擇器如:first、: last 和:nth 不存在，因為整個文件中的第一個、最後一個或第n 個元素之間沒有區別。除根元素外，每個元素都是另一個元素的子元素。

範例

要選擇以下範例中的第二段，請使用下列選擇器：

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

.select-me:nth-child(2)

此選擇器將選擇第二個.select-me 元素，無論其父元素為何。

以上是在不知道其父元素的情況下如何選擇第 N 個元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！