# Hide views column everywhere except one category

**URL:** <https://meta.discourse.org/t/hide-views-column-everywhere-except-one-category/101780>\
**Category:** UX\
**Created:** [11월 11, 2018, 4:00오후 UTC](https://meta.discourse.org/t/hide-views-column-everywhere-except-one-category/101780 "2018-11-11T16:00:28Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [11월 13, 2018, 7:59오전 UTC](https://meta.discourse.org/t/hide-views-column-everywhere-except-one-category/101780/2 "2018-11-13T07:59:53Z")

</div>

> [@davidkingham](#):
>
> ```plaintext
> :not(body.category-discussions) {
> .topic-list .views {
> display: none;
> }
> }
> 
> ```

This doesn’t work because a `:not` psudo-class when used without a simple selector already applies to the `body` tag and so the rule reads

`body` that is not `body`

`:not(.category-discussions)` on the other hand would have worked.

> [@davidkingham](#):
>
> ```plaintext
> .topic-list .views:not(body.category-discussions) {
> display: none;
> }
> 
> ```

This doesn’t work because CSS works from top to bottom, so, in order for your rules to apply, you need to follow the order of the markup

 ![1134](https://global.discourse-cdn.com/meta/original/3X/1/2/126e7a6aee85eec6ce2059318a2394fb252be6a0.png)

try this and see if it works for you.

```plaintext
body:not(.category-discussions) .topic-list .views {
  display: none;
}

```

---

_[View the full topic](https://meta.discourse.org/t/hide-views-column-everywhere-except-one-category/101780)._