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)

[BUG]

So in etwa sollte das gehen:

Code:

.line > table {
  /* hier Schatten ausschalten */
}

[himitsu]

Scheint zu funktionieren. :thumb:

[Andreas L.]

Zitat:

Zitat von himitsu (Beitrag 1141278)

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)

Ich verwende SyntaxHighlighter Evolved. Der basiert zwar auch auf Alex Gorbatchev's Highlighter, produziert aber nur eine Tabelle für den ganzen Code und nicht für jede Zeile. Vllt. schauts ja besser aus?

[himitsu]

Nutze ich auch, allerdings den Highlighter 2 und nicht die 3 ... vielleicht ist das ja der Unterschied.
(die 3 gefällt mir stylisch nicht so ... ich mag halt die Ansicht/Kopieren/Drucken-Buttons)

[Andreas L.]

Ich verwende Version 3.1.1. Dort kann man unter Settings auswählen ob Version 2.x oder 3.x verwendet werden soll. Außerdem gibts ein Feld in dem man eine eigene Style-Klasse angeben kann: Additional CSS Class(es)

Das Aussehen lässt sich auch umstellen (gibt 7 Styles)

[himitsu]

Die aktuelle Version des SyntaxHighlighter Evolved hab ich schon installiert und dort hab ich 2.x eingestellt :zwinker:
und dabei wird dann für jede Codezeile eine Tabelle erstellt.

Die Styles unterscheiden sich aber nur in der Farbe (so weit ich das mitbekommen hab) ... der gesammte Style und die Bediehnung, unabhängig der Farben, gefällt mir bei 2.x aber besser. :angle2:

[Andreas L.]

Zitat:

Zitat von himitsu (Beitrag 1141326)

Die aktuelle Version des SyntaxHighlighter Evolved hab ich schon installiert und dort hab ich 2.x eingestellt :zwinker:
und dabei wird dann für jede Codezeile eine Tabelle erstellt.

Die Styles unterscheiden sich aber nur in der Farbe (so weit ich das mitbekommen hab) ... der gesammte Style und die Bediehnung, unabhängig der Farben, gefällt mir bei 2.x aber besser. :angle2:

Du kannst die Stylesheets nach belieben bearbeiten. Da habe ich auch schon ein bisschen was geändert. Findest du unter syntaxhighlighter\syntaxhighlighter3\styles bzw. syntaxhighlighter\syntaxhighlighter2\styles