cssblog.ir logo
S

adjacent-sibling

همسایه (خواهر و برادر) مجاور

علامت بعلاوه (+) در ‌CSS یک ترکیب کننده سلکتور می باشد و در دوطرف آن دو سلکتور دیگر قرار می‌گیرند

علامت + در CSS

انتخاب هم نیا (برادر و خواهر) همسایه

ترجمه این سلکتور به فارسی کار دشواری است. اگر شما ترجمه بهتری برای عنوان سراغ دارید لطفا در بخش کامنت‌ها مطرح کنید. در انگلیسی به این سلکتور adjacent sibling گفته می‌شود. که در واقع خود آن یک سلکتور نیست و ترکیب کننده سلکتور می‌باشد. به این معنی که در دو طرف علامت + سلکتورها قرار می گیرند.

این عملگر چگونه کار می کند؟

کاری که این عملگر انجام می‌دهد به این معنی است که عناصری را انتخاب می‌کند که با سلکتور دوم (سمت راست +) مطابقت دارند و بعد از سلکتور اول (سمت چپ +) آمده اند.

مثال های زیر را در نظر بگیرید:

۱- انتخاب تمام ul هایی که بعد از تگ پاراگراف قرار گرفته است:

p + ul {
	
}

۲- انتخاب تمام h2 هایی که بعد از div قرار گرفته است:

div + h2 {
	
}

۳- انتخاب تمام عناصر دارای کلاس post-body که بعد از عنصر دارای کلاس header قرار گرفته است:

.header + .post-body {
	
}

۴- انتخاب عنصر دارای آیدی comments که پس از عنصر دارای آیدی posts واقع شده است:

#posts + #comments {
	
}

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند