ピン留めされたトピックを読むためのCSS

サポート
1

こんにちは、

ピン留めされたトピック（背景色やフォントの太さなど）のスタイルをトピック一覧で設定する方法を見つけました。やったー！

次に、ユーザーが既読済みのピン留めトピックを例外として扱うにはどうすればよいでしょうか？ピン留め状態は維持したいのですが、既読の場合は通常のデフォルトスタイルに戻したいのです。

現時点で私のサイトの共通 CSS には以下のようなコードが入っています：

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

既読のトピックに対してこのスタイルを「取り消す」にはどうすればよいでしょうか？

よろしくお願いいたします！

2

自分の、おそらくかなり愚かで明白な質問に自分で回答しておきます（将来の参考のために）：

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

これで望んだ通りの動作になります。未読のピン留め投稿が際立ちます。

更新：こちらの方がさらに優れています。テーマの色使いを採用しているため、ライトモードとダークモードの両方で動作します：

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

コードをありがとうございます！