Селектор для диапазона идентификаторов

Question

Мне нужно выбрать все элементы тега span в div с идентификатором list_{[0-9]}+, имеющим следующую форму:

<div id="list_1234" ...>
    <!-- can be nested multiple levels deep -->
        ...
            <span class="list_span">Hello</span>
</div>

Как я могу это сделать, например без использования jQuery? Это возможно?

Answer 1

Если вы довольны селекторами css3, вы можете сделать что-то вроде

div[id^="list_"]

Но это также нацеливает div с идентификаторами типа list_foo.

Answer 2

Вы можете сделать это с помощью чистого CSS довольно легко, просто дайте этим div-классам такой код:

<div id="list_1234" class="container" ...>

И CSS вот так:

.container span { /* styles */ }

Answer 3

Почему вы не используете общий класс? Вы можете добавить много класса

class="list_1234 mydiv"

И ваш селектор:

.mydiv span

Answer 4

Единственное, что вы можете сделать, это:

list_1 span, list_2 span, list_3 span... { ... }

Можно ли добавить атрибут "класс" к этим элементам? Это правильный способ обработки нескольких элементов с помощью идентификаторов.