如何選擇 ID 包含特定文字的 CSS 元素？

CSS 選擇器定位包含特定文字的ID

在Web 開發中，可以使用唯一的ID 來識別元素，從而提供一種設計樣式和互動的方式專門與他們一起。但是，當 ID 包含跨元素變更的動態部分時，基於部分文字存取特定元素可能會具有挑戰性。

考慮這樣的場景：您有多個錨點() 元素，其ID 類似於「someGenerate Some:相同：0：姓名」和「某些產生的一些：相同：0：姓氏。

一種方法可能是使用屬性選擇器“[id*='Some:Same']”，但這會傳回所有 ID 包含“Some:Same”的元素，無論結尾文字為何。

相反，您可以使用更精確的選擇器：

a[id*='Some:Same'][id$='name']

此選擇器有效地縮小了範圍首先使用“[id*='Some:Same']”部分檢查ID 包含「Some:Same」的元素進行搜尋。然後，它使用“[id$='name']”部分進一步過濾結果，僅包含 ID 以“name”結尾的元素。

此組合選擇器確保僅包含ID 包含「Some:檢索到「相同」並以「名稱」結尾。在這種情況下，它將成功定位ID 為「someGeneerated Some:Same:0: name」和「someGenelated Some:Same:1:name」的元素。

以上是如何選擇 ID 包含特定文字的 CSS 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！