css - CSS 选择器（id 包含部分文本）

Question

我有个问题。我有这样的元素：

<a>id = someGenerated Some:Same:0:name 的元素

<a>id = someGenerated Some:Same:0:surname 的元素

<a>id = someGenerated Some:Same:1:name 的元素

<a>id = someGenerated Some:Same:1:surname 的元素

我需要 CSS 选择器来获取名称。问题是我不知道如何获得它。我试过a[id*='Some:Same']了——它返回了所有<a>元素。在我可以获得以名称结尾的元素之后。但我不喜欢这个主意。我认为它可以用其他一些选择器来完成。

Answer 1

尝试这个：

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

这将为您提供所有a具有 id 的元素

一些相同

并以 id 结尾

姓名

Answer 2

<div id='element_123_wrapper_text'>My sample DIV</div>

运算符^ - 匹配以给定值开头的元素

div[id^="element_123"] {

}

运算符 $ - 匹配以给定值结尾的元素

div[id$="wrapper_text"] {

}

运算符 * - 匹配具有包含给定值的属性的元素

div[id*="123_wrapper"] {

}

Answer 3

我看到的唯一选择器是a[id$="name"]（所有以“名称”结尾的 id 链接），但它没有应有的限制。