如何使用 CSS 定位 ID 包含「Some:Same」並以「name」結尾的元素？

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

問題：

考慮ID 格式為" 的HTML 元素someGenerate Some:Same:0:name」或「someGeneerated Some:Same:0:surname」。我們如何使用 CSS 只選擇 ID 包含「Some:Same」且以「name」結尾的元素？

解決方案：

使用以下CSS 選擇器完成此操作：

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

解釋：

• a[id*='Some:Same']：選擇ID 包含字串的所有a 元素「有些：一樣。」星號(*) 用作通配符，允許「Some:Same」之前或之後的任何字元。
• [id$='name']：選取 ID 以「name」結尾的所有元素。美元符號（$）用作字串末尾的通配符。

透過組合這些選擇器，我們可以隔離 ID 包含「Some:Same」並以結尾的特定 a 元素「名字。」

以上是如何使用 CSS 定位 ID 包含「Some:Same」並以「name」結尾的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！