الأصناف الزائفة الهيكلية (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 (على سبيل المثال، كل ثاني، ثالث، إلخ).
يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
ورقة مرجعية
تقوم فئات pseudo الهيكلية بتنسيق العناصر بناءً على موقعها داخل مستند HTML:
:first-child— تختار الابن الأول للعنصر الأب:last-child— تختار الابن الأخير للعنصر الأب:nth-child(n)— تختار الابن رقم n (على سبيل المثال، كل ثاني، ثالث، إلخ.)
جرّب بنفسك
لا يتضمّن هذا الدرس تحدّيًا برمجيًا.
يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس CSS Mastery
1إتقان المحددات – الربط
مقدمةمحدد الأحفادمحدد الأبناءمحدد الأشقاء المتجاورينمحدد الأشقاء العامتحدي المراجعة3الأصناف الزائفة الهيكلية (Structural pseudo-classes)
الأصناف الزائفة الهيكلية (Structural pseudo-classes)استهداف الابن الأولاستهداف الابن الأخيرقوة الأنماط: استخدام nth-childتحدي المراجعة