Salve a tutti, questo è il mio primo post in questo forum.

Sto cercando di applicare una classe specifica secondo quanto il DOM mi propone, spiego:

Sto lavorando con prestashop dove una funzione è quella di inserire delle caratteristiche ai prodotti e queste lato front-end hanno questa organizzazione:

codice HTML:
<dd class="value">"-0° C"<br>"indoor"<br>"outdoor"</dd>
oppure (dipende dalla caratteristica)

codice HTML:
<dd class="value">V3</dd>
<dd class="value">V2</dd>
<dd class="value">V1</dd>
<dd class="value">V0</dd>
quindi verrà renderizzata una tabella con dentro i valori inseriti.

Il problema:
Vorrei abbinare una icona/immagine prima del testo, purtroppo però non so come agire in quanto la classe su cui applicarla è sempre la stessa, mentre io ne vorrei inserire una specifica per ogni voce.

Inoltre c'è il problema che nella prima "dd", il valore è multiplo separato da doppi apici e un "br".

Speravo vi fosse una funzione avanzata dei CSS3 dove dato un certo valore venisse applicata una classe da personalizzare a piacere, ma cercando ho capito che questa cosa non esiste.

Come posso agire secondo voi?

Avevo pensato anche di fare un override del codice di pretsashop, ma ho una sola stringa (ruby) come questa:

Codice PHP:
<dd class="value">{$feature.value|escape:'htmlall'|nl2br nofilter}</dd
qui sotto la vedete con il codice completo

Codice PHP:
  <dl class="data-sheet">
          {foreach 
from=$product.grouped_features item=feature}
            <
dt class="name">{$feature.name}</dt>
            <
dd class="value">{$feature.value|escape:'htmlall'|nl2br nofilter}</dd>
          {/foreach}
        </
dl
e non so da che parte rifarmi.

Grazie a quanti mi potranno aiutare