CSS selector (id contains part of text)

Question

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

element with id = someGenerated Some:Same:0:name

elemen

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

The only selector I see is a[id$="name"] (all links with id finishing by "name") but it's not as restrictive as it should.

Answer 3

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

}