Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

الأصناف الزائفة الهيكلية (Structural pseudo-classes)

جزء من قسم CSS Mastery في رحلة HTML على Coddy — الدرس 12 من 43.

تُستخدم الفئات الزائفة الهيكلية (Structural pseudo-classes) في CSS لتنسيق العناصر بناءً على موقعها أو هيكلها داخل مستند HTML. فهي تتيح لك تحديد عناصر مثل الابن الأول (first child)، أو الابن الأخير (last child)، أو أبناء محددين بأرقام معينة دون الحاجة إلى فئات (classes) أو معرفات (IDs) إضافية.

تشمل الأمثلة الشائعة ما يلي:

  • :first-child — يحدد الابن الأول للعنصر الأب.
  • :last-child — يحدد الابن الأخير للعنصر الأب.
  • :nth-child(n) — يحدد الابن رقم n (على سبيل المثال، كل ثاني، ثالث، إلخ).
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

ورقة مرجعية

تقوم فئات pseudo الهيكلية بتنسيق العناصر بناءً على موقعها داخل مستند HTML:

  • :first-child — تختار الابن الأول للعنصر الأب
  • :last-child — تختار الابن الأخير للعنصر الأب
  • :nth-child(n) — تختار الابن رقم n (على سبيل المثال، كل ثاني، ثالث، إلخ.)

جرّب بنفسك

لا يتضمّن هذا الدرس تحدّيًا برمجيًا.

quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس CSS Mastery