고정된 주제 읽기용 CSS

제품 지원
1

안녕하세요,

고정된 주제(topic) 목록의 스타일(배경색, 글자 굵기)을 설정하는 방법을 알아냈습니다. 좋네요!

사용자가 이미 읽은 고정 주제에 대해 예외를 설정하려면 어떻게 해야 할까요? 여전히 고정된 상태로 유지하되, 기본의 일반적인 스타일로 되돌리고 싶습니다.

현재 사이트의 공용 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

코드 감사합니다!