طريقة الاستخدام

أربع خطوات: الصق، شغّل، راجع، انسخ. كل شيء يبقى في المتصفح.

أدخل CSS أو HTML أو JSON أو نصًا آخر. لا يُرفع شيء.

انقر تحويل أو تشغيل. تظهر النتيجة فورًا.

اقرأ الرمز المُنشأ والملاحظات قبل الاستخدام.

انسخ النتيجة والصقها في مشروعك.

حول هذه الأداة

تطبّق الأداة محدّد CSS على نموذج HTML قصير وتسرد العناصر المطابقة. يتم التحليل محليًا عبر DOMParser، فلا يخرج أي محتوى من متصفحك.

يحتوي النموذج على بطاقة بعنوان ابن وعنصر شقيق بلا صنف.

إدخال

div.card > h2

مخرجات

1 match(es): <h2>…</h2>

الأداة وسيلة واضحة لشرح :nth-child والفرق بين محدّد الأبناء ومحدّد الأحفاد.