一系列ID的选择器

Question

我需要选择ID为list_{[0-9]}+的div中的所有span标记元素，其格式如下：

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

我该怎么做，例如不使用jQuery？这可能吗？

Answer 1

如果您对css3选择器感到满意，可以执行类似

的操作

div[id^="list_"]

但是这也会使用像list_foo这样的ID来定位div。

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... { ... }

是否可以为这些div添加“class”属性？这是使用id处理多个元素的正确方法。