: سلوك المحدد الأخير من النوع

تستهدف الفئة الزائفة : Last-of-type العنصر الأخير من نوع محدد داخل الحاوية الأم. ومع ذلك، في سياق محدد CSS الخاص بك (p.visible:last-of-type)، من المهم ملاحظة أن :last-of-type ينطبق فقط على أنواع العناصر وليس على مثيلات الفئات.

في الخاص بك ترميز HTML:

  
This should be hidden
  
This should be displayed
  
This should be hidden

تنشأ المشكلة لأن :last-of-type يستهدف العنصر

الأخير، والذي في هذه الحالة لا يحتوي على الفئة .visible. وبالتالي، لا يكون أي من عناصر

مرئيًا.

الحل

لاستهداف العنصر

الأخير بالفئة .visible، يجب عليك استخدام JavaScript، لأنه لا يوجد محدد CSS مدمج لهذا الغرض المحدد.