CSS selezionare elementi con id parziale

Question

Ho alcuni elementi generati con PHP e vorrei sapere se è possibile selezionare un elemento con id incompleta, esempio:

<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> 

La classe viene utilizzata per cose che hanno in comune, ma ora ho bisogno di selezionarle singolarmente ma non conosco l'intero nome id.

Posso usare qualcosa come:

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

Grazie in anticipo.

Answer 1

Non con selettori di ID in quanto richiedono nomi ID completi, ma con substring attribute selectors:

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

Ma dal momento che gli elementi hanno un class attributo in ogni caso, perché non aggiungere una classe comune a ciascun gruppo di elementi e selezionare dal quella lezione per rendere le cose più semplici? Dovresti essere in grado di determinare la classe di raggruppamento usando PHP come fai per generare gli ID.