nth-child مفيد جدًا لأشياء كثيرة، ولكن في هذه الحالة أعتقد أنه خطير على الأرجح. نظرًا لأنه يعتمد فقط على الأرقام، فإنه سيتطلب في هذه الحالة ضمانًا بأن Badges ستبقى في نفس الموضع.
إذا تمت إضافة/إزالة/نقل أي شيء آخر قبله، سيتغير موضع Badges مما قد يؤدي إلى كشف Badges، أو إخفاء شيء آخر، وقد لا يُلاحظ ذلك.
:has() مثالي لهذا، ولكن للأسف لا يزال دعمه محدودًا، ولا سيما أنه معطل افتراضيًا في Firefox وهو مفقود من العديد من متصفحات الهاتف المحمول.
إذا لم يكن إخفاؤه أمرًا بالغ الأهمية بالنسبة لك، أي أنه من المقبول إخفاؤه قدر الإمكان للحصول على أفضل تجربة مع كونه مرئيًا في المتصفحات التي لا تدعم :has() بعد، يمكنك استخدام المحدد التالي:
sidebar-section-link-wrapper:has(a.sidebar-section-link-badges) { display: none; }