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>元素.之后我可以获得id以name结尾的元素.但我不喜欢这个想法.我认为它可以用其他选择器完成.

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*="wrapper_text"] {

}

Answer 3

我看到的唯一选择器是a[id$="name"](所有链接的id以"name"结尾),但它没有它应该的限制.