在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中文網其他相關文章!