1. تشير محددات الأخوة العادية في CSS إلى جميع العناصر المرتبطة بعنصر آخر، وكلاهما لهما نفس العنصر الأصلي.
2. يستخدم محدد الأخ العادي علامة التلدة (~) كرمز جامع للأخوة العاديين.
مثال
<أتش تي أم أل>
<الرأس>
<ميتا محارف = "UTF-8">
<نمط>
سلف {
العرض: 500 بكسل؛
الارتفاع: 300 بكسل؛
}
.الوالد {
العرض: 300 بكسل؛
الارتفاع: 200 بكسل؛
}
.طفل {
العرض: 200 بكسل؛
الارتفاع: 100 بكسل؛
}
/* ضع العنصر الذي يكون شقيقه div بعد .child1*/
.child1~شعبة {
لون الخلفية: مرجاني فاتح؛
}
<الجسم>
<ديف>
هذا هو الجد.
<ديف>
هذا هو الوالدين.