این آموزش در تاریخ ۱۴۰۰/۱۰/۱۴ آپدیت شده است.
آموزش شبه کلاس first-child در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس First-Child در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس First-Child در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) first-child در CSS میتوان برای اولین فرزند ( یا بچه یا Child ) از یک تگ استایل دلخواه تعریف کرد.
- مثلا در یک تگ DIV ما ۳تا تگ P داریم، پس اولین تگ P میشه اولین فرزند تگ DIV
| نسخه | CSS2 |
|---|
Free-Learn
مثال از شبه کلاس First-Child در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ P ( یعنی تمامی تگ های P که اولین فرزند از تگ والد ( پدرشون ) هستن رو انتخاب میکنه )
|
1 2 3 4 5 |
p:first-child { background-color:#1d7ce7; color:#fff; padding:5px; } |
مثال شماره ۲ : انتخاب اولین فرزندان از تگ ul و تگ ol
|
1 2 3 |
li:first-child { background-color:orange; } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس first-child در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | Edge |
| first-child: | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
|
1 2 3 |
:first-child { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
