具有部分ID的CSS选择元素

Question

我有一些用PHP生成的元素，我想知道是否可以选择ID不完整的元素，例如：

<div class="1" id="as_1"> ... </div>
<div class="2" id="bs_1"> ... </div>

<div class="1" id="as_2"> ... </div>
<div class="2" id="bs_2"> ... </div>

该类已经习惯了它们的共同点，但是现在我需要单独选择它们，但我不知道整个ID名称。

我可以使用类似：

#as_{ ... }
#bs_{ ... }

Answer 1

不使用ID选择器，因为它们需要完整的ID名称，但使用substring属性选择器：

div[id^="as_"]
div[id^="bs_"]

但是，既然您的元素仍然具有class属性，那么为什么不向每个元素组添加一个通用类并按该类进行选择呢？您应该能够像生成ID一样使用PHP确定分组类。