如何在 CSS 中定位除最後一個孩子之外的所有孩子？

從CSS 選擇中排除最後一個子元素

在CSS 中選擇元素時，第n 個子元素選擇器允許根據其在元素中的位置進行精確定位一個父元素。若要選擇最後一個子項，請使用 div:nth-last-child(1)。但是，如果你想排除最後一個孩子怎麼辦？

解決方案：否定最後一個孩子偽類

CSS3引入了否定偽類 :not( )，它允許您排除符合特定條件的元素。若要選擇除最後一個子元素之外的所有元素，請使用選擇器：

:not(:last-child)

對於不是其父元素的最後一個子元素的任何元素，此偽類的計算結果為 true。然後，您可以相應地設定這些元素的樣式：

:not(:last-child) {
  /* styles */
}

相容性說明

需要注意的是，Internet Explorer 不支援:not() 偽類8或以下。如果您需要支援這些瀏覽器，您可能需要使用更詳細的選擇器，例如 nth-child(n)，其中 n 是除 0 之外的任意數字。

以上是如何在 CSS 中定位除最後一個孩子之外的所有孩子？的詳細內容。更多資訊請關注PHP中文網其他相關文章！