Tabellen Zeile ausklappen und Farbe ändern - Konflikt CSS

  • Hallo,

    ich möchte gerne per Click in einer Tabelle eine zusätzliche Zeile ausklappen. Dabei soll diese Zeile eine andere Farbe als die ursprüngliche Tabellenfarbe haben. Ich bekomme es allerdings nicht hin, die Tabelle hat immer die Farbe bzw. den Farbverlauf der in der Klasse .tabelle festgelegt wird.

    Wie kann ich diese Farbe überschreiben lassen? Vielen Dank für Eure Antworten!


  • Dass das nicht funktioniert hat zwei Gründe:

    1. Der Selektor .tabelle tr ist spezifischer als .collapse und hat daher eine höhere Priorität.
    2. background-image liegt über background-color und verdeckt diese.

    Lösung indem Du den Selektor spezifischer machst und das Hintergrundbild weg nimmst:

    Code
    .tabelle tr.collapse {
        visibility: collapse;
        background-color: coral;
        background-image: none;
    }

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!