1. تشير محددات الأخوة العادية في CSS إلى جميع العناصر المرتبطة بعنصر آخر، وكلاهما لهما نفس العنصر الأصلي.
2. يستخدم محدد الأخ العادي علامة التلدة (~) كرمز جامع للأخوة العاديين.
مثال
<!DOCTYPE html>
<أتش تي أم أل>
<الرأس>
<ميتا محارف = "UTF-8">
<meta name="viewport" content="width=device-width, original-scale=1.0">
<title>محدد الأخوة المشترك</title>
<نمط>
سلف {
العرض: 500 بكسل؛
الارتفاع: 300 بكسل؛
}
.الوالد {
العرض: 300 بكسل؛
الارتفاع: 200 بكسل؛
}
.طفل {
العرض: 200 بكسل؛
الارتفاع: 100 بكسل؛
}
/* ضع العنصر الذي يكون شقيقه div بعد .child1*/
.child1~شعبة {
لون الخلفية: مرجاني فاتح؛
}
</نمط>
</الرأس>
<الجسم>
<ديف>
هذا هو الجد.
<ديف>
هذا هو الوالدين.
<div>هذا هو الطفل0.</div>
<div>هذا هو الطفل1.</div>
<div>هذا هو الطفل 2.</div>
<div>هذا هو الطفل 3.</div>
</div>
</div>
</الجسم>
</html>
ما ورد أعلاه هو فهم لمحدد الأخوة العاديين في CSS، وآمل أن يكون مفيدًا للجميع.
المزيد من دليل تعلم CSS: برنامج تعليمي لـ CSS