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