小编典典

具有部分ID的CSS选择元素

css

我有一些用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_{ ... }

阅读 295

收藏
2020-05-16

共1个答案

小编典典

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

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

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

2020-05-16