# CSS로 '미해결' 토픽을 선택하는 방법은 무엇인가요?

**URL:** <https://meta.discourse.org/t/how-would-i-target-unsolved-topics-with-css/268370>\
**Category:** Development\
**Tags:** solved, css\
**Created:** [6월 8, 2023, 4:44오후 UTC](https://meta.discourse.org/t/how-would-i-target-unsolved-topics-with-css/268370 "2023-06-08T16:44:57Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [7월 15, 2023, 5:04오후 UTC](https://meta.discourse.org/t/how-would-i-target-unsolved-topics-with-css/268370/6 "2023-07-15T17:04:57Z")

</div>

안녕하세요 👋

토픽 목록에서 해결 가능한 토픽에 `.solvable-topic` 클래스를 추가하는 테마 컴포넌트를 만들었습니다.

> **[GitHub - VaperinaDEV/add-solvable-topic-class: This theme component adds a class to topic list if...](https://github.com/VaperinaDEV/add-solvable-topic-class)**
>
> This theme component adds a class to topic list if the topic is solvable (Discourse Solved).

이 테마 컴포넌트를 설치한 후 간단한 CSS를 추가하여 이를 구현할 수 있습니다. 🙂

```scss
.topic-list-item {
  &.solvable-topic {
    &:not(.status-solved) {
      background: red;
    }
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/how-would-i-target-unsolved-topics-with-css/268370)._