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

Question

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

具有id = someGenerated的

<a>元素：相同：0：名称

具有id = someGenerated的

<a>元素：相同：0：姓氏

具有id = someGenerated的

<a>元素：相同：1：名称

带有id = someGenerated的

<a>元素：相同：1：姓氏

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

Answer 1

试试这个：

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

这将为您提供ID为

的所有a个元素

  

一些：同

并以

结尾的ID

  

名称

Answer 2

我看到的唯一选择器是a[id$="name"]（所有链接的id都以“name”结尾）但它并没有那么严格。

Answer 3

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

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

div[id^="element_123"] {

}

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

div[id$="wrapper_text"] {

}

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

div[id*="wrapper_text"] {

}