用于已固定主题的 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

感谢您的代码！