'، ثم يمكننا تعديل تصميم العنصر الأصل عن طريق الضغط على الطفل. لهذا الغرض ، يمكننا استخدام ' :لديها() 'المحدد.

من كلا العنصرين '

' ، حدد العنصر الذي يحتوي على العنصر '

' باستخدام ' .class-name: has (child-name) ':

.parent-div : لديها ( h1 ) {

لون الخلفية : # 103e6d ؛

اللون : صدف ؛

العرض : 150 بكسل ؛

ارتفاع : 150 بكسل ؛

نصف قطر الحد : خمسون٪ ؛

محاذاة النص : المركز ؛

}

هنا ، قمنا بتطبيق خصائص CSS التالية على العنصر الأصل:

---

---

• ' لون الخلفية 'لتحديد لون خلفية العنصر.
• ' اللون 'لون نص العنصر.
• ' العرض 'لتحديد عرض العنصر.
• ' ارتفاع 'ارتفاع العنصر.
• ' نصف قطر الحد 'لتعيين الزوايا الدائرية للعنصر.
• ' محاذاة النص 'محاذاة النص.

انتاج |

كيف يتم اختيار جميع العناصر التابعة؟

لتحديد العنصر الفرعي بمساعدة المحدد الرئيسي ، انتقل إلى المثال المحدد.

مثال

قم بتنفيذ الخطوات التالية لإنشاء صفحة HTML:

• أضف عنصر div يحتوي على '

  'و'

  'العلامة التي تحتوي على فئة' طفل div '.
• الطفل ' شعبة 'يحتوي على عنصر'

  ':

< شعبة صف دراسي = 'الأصل- div' >

< ص > مرحبًا < / ص >

< ص > العالمية < / ص >

< شعبة صف دراسي = 'child-div' >

< ص > أنا طفل div < / ص >

< / شعبة >

< / شعبة >

يمكننا تحديد العناصر التابعة من خلال الأصل '

' صف دراسي. لن يؤدي هذا فقط إلى تحديد ' ص 'ولكنه يحدد أيضًا' ص ' عناصر:

.parent-div ص {

لون الخلفية : #7F167F ؛

خط العائلة : مخطوطة ؛

حجم الخط : 25px ؛

محاذاة النص : المركز ؛

اللون : دخان ابيض ؛

}

انتاج |

كيف يتم تحديد جميع عناصر الأطفال المباشرة؟

لتحديد الطفل المباشر لـ div الأصل ، يمكننا استخدام ' > ' رمز. سيساعد هذا في تحديد جميع العناصر 'p' التي هي العنصر الفرعي المباشر للوالد '

'. على سبيل المثال ، قمنا بتطبيق خصائص CSS التالية:

.parent-div > ص {

لون الخلفية : #7F167F ؛

خط العائلة : مخطوطة ؛

حجم الخط : 30 بكسل ؛

محاذاة النص : المركز ؛

اللون : دخان ابيض ؛

}

ال ' خط العائلة 'خط العنصر المحدد و' حجم الخط 'لتحديد حجم الخط:

انتاج |

لقد ناقشنا محددات CSS الرئيسية في HTML و CSS.

استنتاج

في CSS ، ' :لديها() يتم استخدام المحدد 'باعتباره فئة زائفة لمحدد أصل. يتم استخدامه بشكل خاص لتحديد العناصر الأصل. على سبيل المثال، ' .parent-div: has (h1) 'العنصر الرئيسي الذي يحتوي على'

' عناصر. لتحديد العنصر الفرعي للعنصر الأصلي ، استخدم ' .parent-div p '. يمكن أيضًا استخدام بيان الشرط لتحديد جميع العناصر الفرعية المباشرة. توضح هذه المقالة محدد CSS الرئيسي بأمثلة.