Селектор CSS (идентификатор содержит часть текста)

У меня есть вопрос. У меня есть элементы примерно так:

<a> элемент с id = someGenerated Some: Same: 0: name

<a> элемент с id = someGenerated Некоторые: То же: 0: фамилия

<a> элемент с id = someGenerated Some: Same: 1: name

<a> элемент с id = someGenerated Некоторые: То же: 1: фамилия

Мне нужен CSS-селектор для получения имен. Проблема в том, что я не знаю, как это получить. Я попробовал a[id*='Some:Same'] - он вернул все элементы <a>. После того, как я получу элементы, id которых заканчивается именем. Но мне не нравится эта идея. Я думаю, что это можно сделать с помощью другого селектора.

Ответ 1

Попробуйте следующее:

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

Это даст вам все элементы a с идентификатором, содержащим

Некоторые: Same

и заканчивается id в

имя

Ответ 2

Единственный селектор, который я вижу, - это a[id$="name"] (все ссылки с id заканчиваются на "name" ), но это не так ограничивает, как должно.

Ответ 3

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

Оператор ^ - сопоставить элементы, которые начинаются с заданного значения

div[id^="element_123"] {

}

Оператор $ - соответствует элементам, заканчивающимся заданным значением

div[id$="wrapper_text"] {

}

Оператор * - сопоставляет элементы, имеющие атрибут, содержащий заданное значение

div[id*="wrapper_text"] {

}