Bonjour à tous!

Comme le titre de mon post l'indique, j'aimerai attribuer du CSS, dans un paragraphe, en fonction du premier symbole d'un mot (par exemple @tremelody)

On m'a dit qu'en CSS se n'était pas possible alors me voici

En gros, mon paragraphe :


Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
@ericafustero Why thank you. Your work looks awesome by the way! @treemelody

Donc ici : mettre un CSS différent pour :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
@ericafustero
et pour
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
@treemelody

Puis un CSS différent pour :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
Why thank you. Your work looks awesome by the way!

J'ai vu fisrt-letter, mais c'est pas ça que je veux..

Je souhaite dire que si le mot commence par "@", un CSS différent s'applique..


J'ai tenté un
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
      $(document).ready(function() {    
         $("footer p:contains('@')").each(function() {
         alert($(this).text());
    });
});
Mais il me renvoi tout le "p" et non les mots qui contiennent "@"
J'espère avoir été clair

Donnez moi juste une piste !

Merci d'avance pour votre aide !