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

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

Patricia Arquette
Patricia Arquette原創
2024-11-17 10:08:03779瀏覽

How to Select the Last Child Element Without a Specific Class in CSS?

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

問題:

問題:

選擇最後一個缺少特定類別屬性的子元素是否可行?例如,考慮以下 HTML:

目標是在此場景中選擇第三行。

初始方法:

使用CSS 選擇器的初步嘗試不成功:

答案:

純CSS 選擇器無法完成此任務,因為:last-child 僅對最後一個進行操作孩子。缺少類似的 :last-of-class 偽類。

  • 替代解決方案:
選擇器4 擴充:
    在不久的將來,可能會支援對:nth-child () 和:nth-last-child() 的擴展,從而可以將任意選擇器作為參數傳遞。這將允許使用以下語法:
  • 附加類別: 在有問題的類別之前包含一個額外的類別。
jQuery 選擇器: 使用 jQuery 選擇器,例如:

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn