انتخاب چند تکرار اول یک عنصر خاص در صفحه (مثلا 4 تکرار اول)، با منفی قرار دادن n در دنباله ریاضی تعیین کننده شماره متناظر با تکرارهای عنصر (مثل n+4-)، با انتخابگر nth-child ، به شکل مشابه (nth-child(-n+4 ، در CSS
در کلید شماره 26607 ، بیان کردیم که با دادن یک دنباله ریاضی که بر اساس n نوشته می شود (…,n=0,1,2,3) به انتخابگر nth-child ، می توانیم بر اساس فرمول آن دنباله ریاضی، تعدادی از تکرارهای آن عنصر در صفحه را بر اساس شماره های متناظر آنها انتخاب نماییم (شماره متناظر با آنها بر اساس ترتیب قرارگیری آنها در صفحه می باشد).
حال فرض کنید که بخواهیم از این قابلیت انتخابگر nth-child برای انتخاب چند تکرار اول یک عنصر در صفحه (مثلا 4 تکرار اول) استفاده نماییم. برای این منظور، می توانیم n را به صورت منفی در فرمول دنباله ریاضی بنویسیم.
به عنوان مثال، برای انتخاب 4 تکرار اول یک عنصر در صفحه، دنباله زیر را به کار می بریم :
که به شماره های 1 و 2 و 3 و 4 که مثبت هستند (منفی ها معتبر نیستند و اثری ندارند)، اشاره می کند :
بنابراین انتخابگر nth-child را به صورت زیر می نویسیم :
برای انتخاب 3 تکرار اول عنصر، دنباله ریاضی را به صورت زیر می نویسیم :
برای انتخاب 2 تکرار اول عنصر، دنباله ریاضی را به صورت زیر می نویسیم :
و ...
برای درک بهتر این مورد، به مثال زیر توجه کنید :
یک فهرست (List) می سازیم و 4 عنصر (تگ li) اول فهرست (List) را انتخاب نموده و رنگ پس زمینه آنها را برابر رنگ زرد (yellow) قرار می دهیم.
بخش مهم کدها :
کد کامل صفحه HTML :
نتیجه :
