سی ایس ایل جوار کے بھائیوں کا انتخاب کنندگان

انتخاب‌گر برادران مجاور (Adjacent sibling selector) می‌تواند علامتی را که فوری پس از علامت دیگری ظاهر می‌شود و هر دو دارای پدر مشترک هستند، انتخاب کند.

انتخاب برادران مجاور

اگر نیاز دارید علامتی که فوری پس از علامت دیگری ظاهر می‌شود انتخاب کنید و هر دو دارای پدر مشترک باشند، می‌توانید از انتخاب‌گر برادران مجاور (Adjacent sibling selector) استفاده کنید.

مثلاً، اگر بخواهید حاشیه بالای پاراگرافی که فوری پس از علامت h1 ظاهر می‌شود، افزایش دهید، می‌توانید به این صورت بنویسید:

h1 + p {margin-top:50px;}

این انتخاب‌گر به این صورت خوانده می‌شود: “انتخاب پاراگرافی که فوری پس از علامت h1 ظاهر می‌شود، h1 و علامت p دارای پدر مشترک هستند.”

آپ خود سجاوٹ کریں

توضیح گرامری

انتخاب‌گر برادران مجاور از علامت (+) استفاده می‌کند، یعنی علامت ترکیب برادران مجاور (Adjacent sibling combinator).

توضیح:مثل علامت ترکیب فرزند، علامت ترکیب برادران نیز می‌تواند فضاهای خالی داشته باشد.

پس پائین این تیتراژ مستند را ببینید:

<div>
  <ul>
    <li>لیست آئیتم 1</li>
    <li>لیست آئیتم 2</li>
    <li>لیست آئیتم 3</li>
  </ul>
  <ol>
    <li>لیست آئیتم 1</li>
    <li>لیست آئیتم 2</li>
    <li>لیست آئیتم 3</li>
  </ol>
</div>

بعد میں اس پارچے میں، دیوائز عناصر میں دو فہرست شامل ہیں: ایک نا ترتیبی فہرست، ایک ترتیبی فہرست، ہر فہرست میں تین فہرست آئیٹمز شامل ہیں، یہ دو فہرست جوار بھائیوں کی حیثیت رکھتے ہیں، فہرست آئیٹمز بھی جوار بھائیوں کی حیثیت رکھتے ہیں، لیکن پہلی فہرست کے آئیٹم اور دوسری فہرست کے آئیٹم جوار بھائیوں کی حیثیت نہیں رکھتے کیونکہ یہ دو گروپ آئیٹمز ایک ہی والد عناصر میں نہیں شامل ہیں (بسیار ساتھی بھائیوں کی حیثیت رکھ سکتے ہیں)۔

یاد رکھیجئے کہ ایک متحدہ کا استعمال صرف دو جوار بھائیوں میں دوسرے کو کرسکتا ہے۔ دیکھیجئے نیچل میں انتخاب کنندگان:

li + li {font-weight:bold;}

بعد میں اس انتخاب کنندگان کو صرف لیسٹ کی دوسری اور تیسرے فہرست کی آئیٹمز کو تیرا بنادئیگا، پہلی آئیٹم متاثر نہیں ہوگی۔

آپ خود سجاوٹ کریں

متحدوں کا استعمال

جوار کے بھائیوں کا متحدہ کا استعمال کیا جاسکتا ہے ساتھ دیگر متحدوں ساتھ:

html > body table + ul {margin-top:20px;}

اس انتخاب کنندگان کو اس طرح تلاش کیا گیا ہے: انتخاب کنندگان جو تیبل عناصر کے بعد آئیں، جو بدولت بادی عناصر میں شامل ہیں، اور بدولت بدولت بادی عناصر ہیں، بدولت بدولت ہیں، بدولت بدولت عناصر میں شامل ہیں۔