آموزش شبه کلاس Last-Child در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس Last-Child در CSS با من همراه باشید.

آموزش شبه کلاس Last-Child در CSS

Free-Learn

شبه کلاس Last-Child در CSS

با استفاده از شبه کلاس ( یا هم انتخابگر ) last-child در CSS میتوان برای عناصری که آخرین فرزند ( Child ) از پدرشون می باشند استایل دلخواه تعریف کرد.

نسخه CSS3

Free-Learn

مثال از شبه کلاس Last-Child در CSS

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

مثال شماره ۱ : استفاده در تگ P ( یعنی تمامی تگ های P که آخرین فرزند از عنصر پدرشان می باشند را انتخاب میکند )

امتحان کنید

مثال شماره ۲ : استفاده در تگ های ol و تگ ul

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس last-child در CSS پشتیبانی میکنند یا خیر.

نام انتخابگر Chrome Firefox Opera Safari IE
last-child: ۴٫۰ ۳٫۵ ۹٫۶ ۳٫۲ ۹

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.

Free-Learn

نکات و توضیحات

این شبه کلاس معادل شبه کلاس nth-last-child(1) می باشد.

Free-Learn

دریافت PDF یا پرینت این مطلب