تحديد موضع العناصر باستخدام محدد الأخوة المجاورين

يمكن أن يكون التنقل في تعقيدات محددات CSS أمرًا شاقًا، خاصة عند مواجهة الحاجة إلى تصميم العناصر بناءً على علاقتهم بالعناصر الشقيقة. أدخل: محدد الأخوة المجاورين، أداة لا غنى عنها لضبط إستراتيجيات CSS الخاصة بك.

للتأكد من أن كل علامة

تتبع

مع الفئة "hc-reform" تستخدم Clear:كلاهما، يمكنك استخدام محدد الأخوة المجاورين. يستهدف هذا المحدد، المشار إليه بالعلامة، الأشقاء الذين يتبعون مباشرة عنصرًا محددًا:

h1.hc-reform   p {
  clear:both;
}

يستهدف مقتطف الشفرة هذا بشكل فعال فقط علامات

التي تتبع مباشرة

بالفئة "hc-reform". من خلال تعيين Clear:كلاهما لهذه الفقرات، فإنك تمنعها من الالتفاف حول أي عناصر عائمة ربما تم تقديمها بواسطة

.

من الجدير بالذكر أن هذا المحدد غير مدعوم في Internet Explorer 6 أو الإصدارات الأقدم ، لذا فكر في توافق المتصفح إذا كنت تتوقع وصول المستخدمين إلى موقعك باستخدام هذه المتصفحات.