Appliquer un style avant une virgule

EDIT : Ouh je n'avais pas vu. Tu tires ton prix d'un script JS, donc le traitement est plus simple à faire en JS.

Quand tu obtiens ton prix, tu peux spliter de la sorte : let values = price.split(","); où price est ta chaine. Ensuite tu obtiens un tableau "values" où values[0] sera en théorie l'entier, et values[1] les centimes. Tu peux donc segmenter ton prix en recréant une chaine de la sorte :

let values = price.split(",");
let price_render = '<p class="price"><span class="entier">'+values[0]+'</span>,<span class="centime">'+values[1]+'</span>€</p>';

Ancien message :

Salut,

Malheureusement ce que tu demandes n'est pas réalisable en CSS. Le langage n'est pas capable de "spliter" lui-même les mots, de façon à déterminer un style avant et après un certain caractères.

Ça, c'est le rôle de la sortie, donc du PHP ou du JS j'imagine, selon ce que tu utilises.
Il faut soit durant le traitement séparer au préalable les euros et les centimes, soit directement en depuis la sortie, par exemple sur la chaine "12,45" en splitant en 12 et 45 (donc avec le séparateur ",").

Ainsi pour le rendu, tu pourras séparer 12 et 45 dans des balises différentes :
<p class="prix"><span class="entier">12</span>,<span class="centime">45</span>€</p>
(ou les chiffres sont bien entendu les variables tirées précédemment).
De là avec les classes, tu fais ton CSS.

Si tu veux utiliser le DOM plutôt que PHP, tu peux faire le même traitement en JS, et en ciblant comme sélecteur tout les éléments qui contiennent chaque prix, et le rendu se fera après le chargement de la page donc y a rien à toucher coté back-end si jamais t'es pas à l'aise... Mais bon, c'est pas propre.
Modifié par Nolan (13 Jul 2018 - 13:12)