CSS für gelesene angepinnte Themen

Unterstützung
1

Hallo,

ich habe herausgefunden, wie man angepinnte Themen (Hintergrund, Schriftstärke) in Themenlisten gestaltet. Juhu!

Wie kann ich eine Ausnahme für angepinnte Themen machen, die der Benutzer bereits gelesen hat? Ich möchte, dass sie weiterhin angepinnt bleiben, aber ich möchte, dass sie zum normalen, standardmäßigen Styling zurückkehren.

Das ist bisher mein CSS im allgemeinen Bereich meiner Website:

.pinned {
    background: cornsilk;
    font-weight: bold;
}

Wie kann ich dies für Themen, die der Benutzer gelesen hat, “rückgängig” machen?

Vielen Dank!

2

Ich beantworte meine eigene, wahrscheinlich ziemlich dumme und offensichtliche Frage, falls sie in Zukunft hilfreich ist:

.pinned {
    background: cornsilk;
    font-weight: bold;
}
.pinned.visited {
    background: transparent;
    font-weight: normal;
}

Das macht genau das, was ich wollte. Ungelesene angepinnte Beiträge fallen wirklich auf.

UPDATE: Das ist sogar noch besser, weil es das Farbschema des Themes verwendet und sowohl für helle als auch für dunkle Designs funktioniert:

.pinned {
    background: var(--highlight-low);
    font-weight: bold;
}
.pinned.visited {
    background: transparent;
    font-weight: normal;
}
3

Danke für den Code!