サイドバーのBadgesリンクを隠す方法

nth-child は多くのことに非常に役立ちますが、この場合は危険である可能性があります。数字のみに基づいているため、このためには、バッジが同じ位置に留まることが保証される必要があります。

それより前に何かを追加/削除/移動すると、バッジの位置が変わり、バッジが表示されたり、他のものが非表示になったりする可能性がありますが、それに気づかないかもしれません。

:has() はこれに最適ですが、残念ながらまだサポートが限られています。特に、Firefox ではデフォルトで無効になっており、多くのモバイルブラウザには搭載されていません。

非表示にすることが重要でない場合、つまり、可能な限り最高の体験のために非表示にし、まだ :has() をサポートしていないブラウザでは表示されるようにしても問題ない場合は、次のセレクターを使用できます。

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