nth-child est très utile pour de nombreuses choses, cependant dans ce cas, je pense qu’il est probablement dangereux. Puisqu’il est basé uniquement sur des nombres, cela nécessiterait une garantie que les Badges resteront dans la même position.
Si quelque chose d’autre est ajouté/supprimé/déplacé avant, la position des Badges changera, ce qui pourrait entraîner la révélation des Badges, la dissimulation de quelque chose d’autre et cela pourrait passer inaperçu.
:has() est idéal pour cela, cependant son support est malheureusement encore limité, notamment il est désactivé par défaut dans Firefox et absent de nombreux navigateurs mobiles.
Si le masquer n’est pas critique pour vous, c’est-à-dire qu’il est acceptable de le masquer autant que possible pour une meilleure expérience tout en étant visible dans les navigateurs qui ne supportent pas encore :has(), vous pouvez utiliser le sélecteur suivant :
sidebar-section-link-wrapper:has(a.sidebar-section-link-badges) { display: none; }