CSS para tópicos fixados de leitura

Suporte
1

Olá,

Consegui descobrir como estilizar tópicos fixos (cor de fundo, peso da fonte) nas listas de tópicos. Uhu!

Como faço uma exceção para tópicos fixos que o usuário já leu? Ainda quero que eles permaneçam fixos, mas quero que voltem ao estilo normal e padrão.

Isso é o que tenho até agora no CSS comum do meu site:

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

Como posso “desfazer” isso para tópicos que o usuário já leu?

Obrigado!

2

Respondendo à minha própria pergunta, provavelmente bem estúpida e óbvia, para referência futura:

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

Isso faz exatamente o que eu queria. Posts fixos não lidos realmente se destacam.

ATUALIZAÇÃO: Isso é ainda melhor, porque usa a paleta de cores do tema e funcionará tanto com estilos claros quanto escuros:

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

Obrigado pelo código!