انتخاب همه تکرارهای یک عنصر خاص در صفحه، به جز چند تکرار اول آن (مثلا همه تکرارها به جز 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 :

نتیجه :

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

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

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو


راهنمای مشخصه های CSS

راهنمای مشخصه های CSS بر اساس حرف اول مشخصه :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z