# Wie kann ich den Badges-Link in der Seitenleiste ausblenden?

**URL:** <https://meta.discourse.org/t/how-can-i-hide-the-badges-link-in-the-sidebar/240488>\
**Category:** Development\
**Tags:** css, sidebar\
**Created:** [30. September 2022 um 09:55 UTC](https://meta.discourse.org/t/how-can-i-hide-the-badges-link-in-the-sidebar/240488 "2022-09-30T09:55:00Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Simon\_Manning](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon_manning/32/198596_2.png) [@Simon\_Manning](https://meta.discourse.org/u/Simon_Manning)\
**Post date:** [2. Oktober 2022 um 10:32 UTC](https://meta.discourse.org/t/how-can-i-hide-the-badges-link-in-the-sidebar/240488/3 "2022-10-02T10:32:31Z")

</div>

`nth-child` ist für viele Dinge sehr nützlich, aber in diesem Fall ist es wahrscheinlich gefährlich. Da es ausschließlich auf Zahlen basiert, wäre hierfür die Garantie erforderlich, dass Badges an der gleichen Position bleiben.

Wenn etwas anderes davor hinzugefügt/entfernt/verschoben wird, ändert sich die Position von Badges, was dazu führen könnte, dass Badges angezeigt werden, etwas anderes ausgeblendet wird und dies unbemerkt bleibt.

`:has()` ist hierfür ideal, aber leider ist die Unterstützung noch begrenzt, insbesondere ist es in Firefox standardmäßig deaktiviert und in vielen mobilen Browsern fehlt es.

Wenn das Ausblenden nicht unbedingt erforderlich ist, d. h. es ist akzeptabel, es dort auszublenden, wo es für die beste Erfahrung möglich ist, während es in Browsern sichtbar ist, die `:has()` noch nicht unterstützen, können Sie den folgenden Selektor verwenden:

```plaintext
sidebar-section-link-wrapper:has(a.sidebar-section-link-badges) { display: none; }

```

---

_[View the full topic](https://meta.discourse.org/t/how-can-i-hide-the-badges-link-in-the-sidebar/240488)._