首頁 > web前端 > css教學 > 如何在 CSS 中選擇沒有特定類別的最後一個元素?

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

Barbara Streisand
發布: 2024-11-19 03:38:02
原創
346 人瀏覽過

How to Select the Last Element Without a Specific Class in 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板