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)