html - 部分的な 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 セレクターではなく、部分文字列属性セレクターを使用します。

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

しかし、classとにかく要素には属性があるので、要素の各グループに共通のクラスを追加し、そのクラスで選択して物事を単純化してみませんか? ID を生成する場合と同様に、PHP を使用してグループ化クラスを判別できるはずです。