CSS selector (id contains part of text)

Question

I have a question. I have elements something like this:

<a> element with id = someGenerated Some:Same:0:name

<a> element with id = someGenerated Some:Same:0:surname

<a> element with id = someGenerated Some:Same:1:name

<a> element with id = someGenerated Some:Same:1:surname

I need CSS selector to get names. The problem is that I don't know how to get it. I tried a[id*='Some:Same'] - it returned all <a> elements. After I can get elements which id ends with name. But I don't like this idea. I think that it can be done with some other selector.

Answer 1

Try this:

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

This will get you all a elements with id containing

Some:Same

and have the id ending in

name

Answer 2

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

The Operator ^ - Match elements that starts with given value

div[id^="element_123"] {  } 

The Operator $ - Match elements that ends with given value

div[id$="wrapper_text"] {  } 

The Operator * - Match elements that have an attribute containing a given value

div[id*="123_wrapper"] {  }