CSS per argomenti fissati letti

Supporto
1

Ciao,

Sono riuscito a capire come stilizzare gli argomenti fissati (sfondo, peso del carattere) nelle liste degli argomenti. Evviva!

Come posso creare un’eccezione per gli argomenti fissati che l’utente ha già letto? Voglio che rimangano fissati, ma vorrei che tornassero allo stile normale e predefinito.

Questo è quanto ho finora nel CSS comune del mio sito:

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

Come posso “annullare” questo per gli argomenti che l’utente ha già letto?

Grazie!

2

Rispondo alla mia stessa domanda, probabilmente piuttosto stupida e ovvia, per riferimento futuro:

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

Questo fa esattamente quello che volevo. I post fissati non letti spiccano davvero.

AGGIORNAMENTO: Questa soluzione è ancora migliore, perché utilizza la palette di colori del tema e funziona sia con gli stili chiari che con quelli scuri:

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

Grazie per il codice!