دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ سحر پاشائی
pseudo classes
جامعه Html & CSS ایجاد شده در ۰۹ آبان ۱۴۰۱

nth-child(n):

المنت هایی رو انتخاب می‌کنه که nاُمین فرزند خانواده باشن(n داخل پرانتز)

first-child:

المنت هایی رو انتخاب می‌کنه که فرزند اول خانواده باشن

last-child:

المنت هایی رو انتخاب می‌کنه که فرزند آخر خانواده باشن

نکته: last-child: و nth-last-child(n): با هم برابرن، دوتاشون دارن یه چیز مشابه میگن و به خودمون بستگی داره کدوم رو کِی و کجا استفاده کنیم.

nth-of-type(n):

المنت هایی از نوع به خصوصی رو انتخاب می‌کنه که nاُمین فرزند خانواده هستن

first-of-type:

المنت هایی رو انتخاب می‌کنه که هم فرزند اول خانواده هستن هم از نوع خاصی هستند(مثلا

هایی که فرزند اول خانوادن)

نکته: مشابه nth-of-type(1): عمل می‌کنه

last-of-type:

المنت هایی رو انتخاب می‌کنه که هم فرزند آخر خانواده هستن هم از نوع خاصی هستند(مثلا

هایی که فرزند آخر خانوادن)

نکته: مشابه nth-last-of-type(1): عمل می‌کنه

نکته: 3 مورد اول تنها تفاوتشون با 3 مورد آخر اینه که نوع خاصی از المنت‌ها رو هدف قرار نمیدن، و احتمالا سلیقه ایه از کدوم گروه استفاده کنیم!

درست هست؟

سلام وقتتون بخیر.

این سایت ( لینکشو پایین گذاشتم) خیلی خوبه و کامل همه چی رو توضیح داده.

https://developer.mozilla.org/en-US/docs/Web/CSS/:only-of-type

بخش سودو کلاس :only-of-type رو براتون لینک کردم ولی میتونید بقیه رو هم یاد بگیرید.

Adib Moghimi ۲۷ آبان ۱۴۰۱، ۱۸:۵۷