CSS Combinators

	وcombinator هو الشيء الذي يفسر العلاقة بين محددات.

يمكن أن يحتوي محدد CSS محدد أكثر من واحد بسيط. بين محددات بسيطة، ونحن يمكن أن تشمل combinator.

هناك أربعة combinators مختلفة في CSS3:

المختار أصل أفريقي

محدد أصل أفريقي مباريات جميع العناصر التي ينحدرون من العنصر المحدد.

يحدد المثال التالي عن <p> عناصر داخل <div> عناصر هي:

div p {
background-color: yellow;
}

محدد الطفل يختار كل العناصر التي هي الأطفال الفوري للعنصر المحدد.

يحدد المثال التالي عن <p> العناصر التي هي الأطفال الفوري ل <div> العنصر:

div > p {
background-color: yellow;
}

الأخوة محدد المجاور يختار كل العناصر التي هي الأشقاء المجاورة للعنصر المحدد.

يجب أن يكون عناصر الأخوة نفس العنصر الأصلي، و "مجاور" تعني "مباشرة بعد".

يحدد المثال التالي عن <p> العناصر التي يتم وضعها مباشرة بعد <div> عناصر هي:

div + p {
background-color: yellow;
}

محدد الأخوة العام يختار كل العناصر التي الأشقاء عنصر المحدد.

يحدد المثال التالي عن <p> العناصر التي أشقاء <div> عناصر هي:

div ~ p {
background-color: yellow;
}