cssblog.ir logo
S

direct-descendent-selector

انتخاب فرزند مستقیم (اولین سطح) در زبان CSS

فرزند مستقیم به فرزندانی گفته می‌شود که فقط یک سطح با عنصر والد خود فاصله دارند. مانند li هایی که داخل یک ul هستند

این عملگر مانند علامت + یک ترکیب کننده سلکتورها می‌باشد. گاهی شما می‌خواهید برای عناصری که داخل یک عنصر دیگر هستند مشخصه‌هایی را بنویسید اما نمی‌خواهید این مشخصه‌ها برای عناصری که بیشتر از یک سطح پایین‌تر هستند اعمال شوند، در چنین مواقعی می‌توان از علامت > استفاده نمود و در دو سمت چپ و راست آن سلکتورها را نوشت. علامت بزرگتر باعث می شود تا فقط عناصری انتخاب شوند که با سلکتور سمت راست مطابقت دارند و همچنین فرزند مستقیم سلکتور سمت چپ هستند.

مثلا فرض کنید شما در حال ساخت یک منو با چند سطح هستید. شما می خواهید فقط لینک هایی که بخش اصلی هستند و در زیر منوها قرار نگرفته اند مقداری ارتفاع بیشتر و padding بیشتری داشته باشند. در چنین مواقعی به راحتی می‌توان با استفاده از این علامت چنین کاری را انجام داد. مانند: 

همانطور که مشاهده می کنید در برخی سلکتورها از علامت > استفاده شده است تا کاربرد آن را به عینه مشاهده نمائید

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

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

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

<% errorMessage %>

<% comment.name %>

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

<% reply.name %>

avatar

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

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

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

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

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

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

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