انتخاب تکرار چندم (تکرار اول یا دوم یا سوم یا ...) یک عنصر خاص در صفحه، با انتخابگر nth-child ، به شکل مشابه (nth-child(2 ، در CSS

در CSS ، یک انتخابگر (Selector) با نام nth-child (به معنی فرزند چندم) داریم که یک شماره را دریافت می کند و بر اساس اینکه برای چه عنصری به کار رفته باشد، تکراری از آن عنصر خاص در صفحه که متناظر با آن شماره است را انتخاب می نماید (تکرارهای عنصر، بر اساس ترتیب قرارگیری در صفحه، شماره بندی می شوند، یعنی با شماره های 1 و 2 و 3 و 4 و ... متناظر خواهند بود).

البته انتخابگر nth-child ، بیش از یک شماره از عنصر را نیز می تواند انتخاب نماید (به صورت دنباله ای از شماره ها)، که آن را در کلید شماره 26607 شرح داده ایم.

به مثال زیر توجه کنید :

مثال

3 تگ p در صفحه تعریف می کنیم و بعد تعیین می نماییم که رنگ پس زمینه تگ p دوم (متناظر با شماره 2)، برابر رنگ زرد (yellow) باشد.

بخش مهم کدها :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 26606
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)