CSS-Code funktioniert nicht richtig

  • Firefox-Version
    142.0
    Betriebssystem
    Linux Mint Cinnamon

    Hallo. Ich habe einen verrückten Code für heise.de geschrieben, weil die Zuordnungen der Zitatfarben falsch, bzw. nicht vorhanden sind. Das funktioniert auch soweit, bis auf 2 Schönheitsfehler:

    1. Wenn kein Zitat vorhanden, wird das Posting eingefärbt. Soll aber logischerweise in der Schriftfarbe bleiben.

    2. Beim jeweils letzten Zitat ist die Zuordnung falsch. Dabei spielt es keine Rolle, wie viele Zitate vorhanden sind. Ist eins vorhanden, ist gleich das erste falsch. Sind 4 vorhanden, sind 3 richtig und das 4. falsch. Stimmt die Zitatanzahl jedoch mit den definierten Regeln überein (hier 5), dann sind alle richtig

    Hier ist ein Beispiel mit vielen Zitattiefen. Der ausgewählte Beitrag funktioniert, der davor nicht:

    heise online
    www.heise.de

    Die Seite wird so aufgerufen, wie vorgegeben: Mit den Farbschema des Browsers, das hier dunkel ist. Keine Beeinflussung durch Addons wie Dark-Reader oder ähnlichem.

    3 Mal editiert, zuletzt von Atze64 (23. August 2025 um 10:22) aus folgendem Grund: 1. Satz (", bzw. nicht vorhanden" hinzugefügt und Codedarstellung nachgearbeitet: Leerzeilen / -zeichen

  • Update: Den 1. Fehler konnte ich mit Hilfe einer KI lösen (aber auch erst mit der neuen GPT-5 mini):

    1. Regel ersetzt durch:

    CSS
     .bbcode_v1.body_format_indicator > p:nth-of-type(1):has(~ .forum-blockquote) {
       color: DarkKhaki !important;
     }
  • Hallo,

    2. Beim jeweils letzten Zitat ist die Zuordnung falsch. Dabei spielt es keine Rolle, wie viele Zitate vorhanden sind. Ist eins vorhanden, ist gleich das erste falsch. Sind 4 vorhanden, sind 3 richtig und das 4. falsch. Stimmt die Zitatanzahl jedoch mit den definierten Regeln überein (hier 5), dann sind alle richtig

    du überschreibst mit deiner oberen Regel die untere Regel aufgrund der höheren Spezifität des Selektors. Sprich, am Beispiel eines Beitrags mit vier Zitaten:

    CSS
    .bbcode_v1.body_format_indicator > .forum-blockquote > .forum-blockquote > .forum-blockquote > .forum-blockquote > p:nth-of-type(1) {
      color: Orchid !important;
    }

    überschreibt:

    CSS
    .forum-blockquote > .forum-blockquote > .forum-blockquote > .forum-blockquote p {
      color: LightSalmon !important; /* Farbe für die Überschrift und den Inhalt */
    }

    Und beide Selektoren sprechen das gleiche Element an. Entsprechend ist die Farbe Orchid und nicht LightSalmon.

  • Hi.

    Danke, dass du dich des Themas noch angenommen hast.

    Ich hatte diese Anfrage schon vergessen und deshalb auch nicht auf erledigt gesetzt. Das Problem (der Fehler) ist im HTML-Code zu suchen und nicht zu lösen. Nicht man ein paar JS-Vorschläge der KI konnten daran was ändern, weshalb ich das Thema zu den Akten gelegt habe.

    Allerdings ist es mit der KI (auf duck.ai) auch so eine Sache. Den Quellcode der gesamten Seite kann man nicht einstellen, nur Ausschnitte bis 16k Zeichen. Und damit sieht sie u.U. nicht alle Gegebenheiten und versteht oft auch falsch, was ich überhaupt will.