Jörg Reinholz: Programmcode in CSS

Beitrag lesen

Also, so weit ich das jetzt weiß ist das Selectieren einzelner "Wörter" mit purem CSS "etwas schwierig".

Man nehme sowas:

<pre>if ( $foo == $bar ) {</pre>

Stände da jedoch:

<pre><span>if</span> <span>(</span><span>$foo</span> <span>==</span> <span>$bar</span> <span>)</span> <span>{</span>

sollte zumindest mit jquery gehen:

$(document).ready(function(){     $("span:contains(if)").addClass("program_keyword");     $("span:contains({)").addClass("program_struct");     $("span:contains(})").addClass("program_struct");     $("span:contains(==)").addClass("program_struct"); });

Die Klassen bekommen im CSS das Outfit verpasst.

Dazu folgendes:

1.) Freilich würde ich das eher serverseitig erledigen und das Ergebnis sorgfältig cachen wollen.

2.) Wenn Du was fertiges willst, dann nimm Google.