# How would I target Unsolved topics with CSS?

**URL:** <https://meta.discourse.org/t/how-would-i-target-unsolved-topics-with-css/268370>\
**Category:** Development\
**Tags:** solved, css\
**Created:** [June 8, 2023, 4:44pm 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:** 3

<div class="post-metadata">

**Author:** ![dandv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dandv/32/169779_2.png) [@dandv](https://meta.discourse.org/u/dandv)\
**Post date:** [June 14, 2023, 10:03pm UTC](https://meta.discourse.org/t/how-would-i-target-unsolved-topics-with-css/268370/3 "2023-06-14T22:03:19Z")

</div>

Thanks, that worked!

One caveat, similar to [this issue](https://meta.discourse.org/t/searching-for-status-unsolved-returns-topics-from-non-solution-enabled-categories/267700), is that looking for the absence of the `status-solved` class means topics from categories that don’t have Solved enabled, will also be highlighted. In our case I’ve added a second class to the selector to only target the support category:

```css
/* Highlight unsolved topics */
.topic-list-item.category-support:not(.status-solved) {
    background: rgba(255,192,203,.2);
}

```

Is there a more general solution, e.g. if more Solved categories exist, rather than repeating the selector?

---

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