Sonderzeichen via CSS automatisch anderer Farbe zuweisen

[Taschmahal]

Ich hab jetzt 2 Stunden lang rumprobiert, aber irgendwie wills nicht. Ich komm einfach nicht auf die Lösung.

$content = preg_replace('/(||,|.|-|_|µ|#|'|+|\*|~|´|`|ß|^|°|©|!|§|$|%|&|/|(|)|=|?|²|³|{|}||[|]|\\|@)/', '<span class="sonderzeichen">$1</span>',$content);

Damit geht es auch nicht. Sorry das ich mich so dumm anstelle, aber ich weiß einfach nicht, wie es geht