verschachteltes CSS ändern

[himitsu]

Ist eigentlich recht "einfach" erklärt, aber ich bin grad etwas blind und seh die Lösung nicht.

Es gibt da einen globalen StyleSheet, welcher sich aber nicht so leicht ändern läßt. (müßte dann ja überall den Tabellen diese Klasse zuweisen)

Code:

table {
    box-shadow: 1px 1px 1px #555555;
}

Das Problem ist jetzt aber, daß dieser JavaScript-SyntaxHighlighter seinen Tabellen keine ID oder Klassen zuweist,
womit diese ebenfalls den globalen Style nehmen und ich nichts zuweisen kann.

Code:

<div id="highlighter_72506" class="syntaxhighlighter nogutter ">
  <div class="bar ">
    <div class="lines no-wrap">
      <div class="line alt1">
         <table>

Leider baut dieses Teil für jede Codezeile eine Tabelle auf, so daß jetzt jedes Zeilenende ebenfalls diesen Schatten besitzt ... sieht recht blöd aus.

Wie kann ich jetzt dieser "einen" Tabelle einen anderen Style verpassen?




Oder kennt jemand einen SyntaxHighlighter (vorwiegend Delphi) für Wordpress, welcher da nicht so komisch arbeitet, wie das Alex Gorbatchev's SyntaxHighlighter?
(WP: SyntaxHighlighter Evolved)