آموزش شبه کلاس first-child در CSS

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

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

Free-Learn

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

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

نسخه CSS2

Free-Learn

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

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

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

امتحان کنید

مثال شماره ۲ : انتخاب اولین فرزندان از تگ ul و تگ ol

امتحان کنید

Free-Learn

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

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

* برای استفاده و عمل کردن این شبه کلاس در مرورگر اینترنت اکسپلورر از نسخه ۸ به پایین باید حتما DOCTYPE صفحه را تعریف کرده باشید.

نام انتخابگر Chrome Firefox Opera Safari IE
first-child: ۴٫۰ ۳٫۰ ۹٫۶ ۳٫۱ ۷ *

Free-Learn

شکل نوشتاری

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

Free-Learn

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

برای استفاده کردن از این شبه کلاس در مرورگر اینترنت اکسپلورر ( IE ) از نسخه ۸ به پایین باید حتما DOCTYPE صفحه را تعریف کرده باشید.

Free-Learn

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