CSS pour les sujets épinglés lus

Soutien
1

Salut,

J’ai réussi à trouver comment styliser les sujets épinglés (arrière-plan, graisse de police) dans les listes de sujets. Super !

Comment puis-je créer une exception pour les sujets épinglés que l’utilisateur a déjà lus ? Je veux toujours qu’ils restent épinglés, mais je souhaite qu’ils reprennent le style normal par défaut.

Voici ce que j’ai actuellement dans le CSS commun de mon site :

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

Comment puis-je « annuler » cela pour les sujets que l’utilisateur a lus ?

Merci !

2

Je réponds moi-même à ma question, probablement assez stupide et évidente, pour référence future :

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

Cela fait exactement ce que je voulais. Les épinglés non lus ressortent vraiment.

MISE À JOUR : C’est encore mieux, car cela utilise la palette de couleurs du thème et fonctionnera avec les styles clair et sombre :

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

Merci pour le code !