如何在 CSS 中選擇沒有特定類別的最後一個元素？

在CSS 中組合:last-child 和:not(.class) 選擇器

在CSS 中，使用:last-child選擇器選擇元素清單中的最後一個元素。但是，無法使用此選擇器來選擇最後一個沒有特定類別屬性的子級。

要實現此目的，可以嘗試使用以下選擇器：

tr:not(.table_vert_controls):last-child

不幸的是，這個選擇器不起作用，因為:last-child 專門針對列表中的最後一個元素，並且沒有等效的:last-of-class 偽類。

截至 2015 年末，選擇器 4引入了 :nth-child() 和 :nth-last-child() 選擇器的擴展，允許更複雜的選擇。此擴充功能包括將任意選擇器作為參數傳遞的能力：

tr:nth-last-child(1 of :not(.table_vert_controls))

雖然這種方法更加冗長，但它提供了一種更精確、更有效的方法來選擇所需元素。但是，需要注意的是，對 Selectors 4 的支援仍然有限。

對於不支援 Selectors 4 的瀏覽器，另一種方法是使用 JavaScript 選擇器：

$('tr:not(.table_vert_controls):last')

此 jQuery 選擇器實作了與 Selectors 4 選擇器相同的結果。值得注意的是，與純 CSS 解決方案相比，使用 JavaScript 可能會帶來效能影響。

以上是如何在 CSS 中選擇沒有特定類別的最後一個元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！