cssblog.ir logo
S

first-&-last-child

انتخاب‌ اولین و آخرین فرزند عناصر صفحه با استفاده از CSS

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

اگر مطلب درباره nth-child را خوانده باشید، به خوبی با راه های انتخاب فرزندهای دارای شماره خاص و یا الگوی خاص آشنا شده اید. اما در CSS برای انتخاب اولین و آخرین فرزند سلکتورهای مخصوصی وجود دارد که وقتی که قصد انتخاب اولین یا آخرین را داشتیم معمولا از آنها استفاده می کنیم.

مثال‌ استفاده از :first-child داخل یک مقاله قصد داریم تا اولین پاراگراف ما به شکلی متمایز مانند خلاصه خبر در وبسایتهای خبری:

مثال ۲: استفاده از :last-child برای استایل دادن به ردیف های جدول

مثال ۳: پاراگراف های داخل متن مقداری margin-bottom دارند بغیر از آخرین پاراگراف: 


پیشنهاد می شود که درباره first-of-type مطالعه کنید تا تفاوت این دو را به خوبی متوجه شوید.

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

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

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

<% errorMessage %>

<% comment.name %>

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

<% reply.name %>

avatar

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

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

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

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

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

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

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