Chevauchement couleurs arrière plan

Bonjour!
J'ai une phrase (voir image https://ibb.co/9cMPrNp ):
aaa bbb ccc ddd eee
Avec css ou autre chose, je voudrais attribuer une couleur d'arrière plan jaune à la partie: aaa bbb ccc
et une couleur d'arrière plan bleu à la partie: ccc ddd eee
par conséquent, le mot ccc changera automatiquement et prendra une nouvelle couleur (vert par exemple).

Est-ce possible?

Merci pour toute aide!
Modifié par ikurano (10 Feb 2019 - 23:53)

Salut!

On ne peux pas couper une même chaine de texte comme tu veux le faire, par contre, tu peux faire ça qui se rapproche un peu de ce que tu veux :

<p class="primary">
    aaa bbb <span class="secondary">ccc ddd eee<span>
</p>

Ou sinon, une solution un peu moins propre mais qui fait ce que tu veux (si j'ai bien compris):

<span class="primary">
    aaa bbb
</span>
<span class="primary secondary">
    ccc
</span>
<span class="secondary">
    ddd eee
</span>

.primary {
    background-color: rgba(255, 255, 0, .5);
}

.secondary {
    background-color: rgba(0, 161, 255, .5);
}

Modifié par xavierlet (12 Feb 2019 - 14:28)

Bonjour
Merci pour la réponse!
Je voudrais en fait une solution qui ne passe pas par les balises, je ne sais pas si cela se fait? par exemple en renseignant plutôt, dans les attributs, les corrdonnées de chaque passage à colorier ?

Merci !