Would that work? It would be more generic, more readable and easier to extend imho.
```css
body[data-filter-by] #root > div header,
body[data-filter-by] #root > div li {
  display: none;
}

body[data-filter-by="connectivity"] #root > div [data-category="connectivity"] {
  display: block;
}
```
(untested)