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

شكرًا لك على الكود!