nth-last-child կեղծդաս
nth-last-child կեղծդասը ընտրում է
տարրը, որը ծնողի n-րդ սերունդն է՝
հաշվելով վերջից: Վարվում է
նույնպես, ինչ nth-child,
միայն թե հաշվարկը կատարվում է վերջից:
Շարահյուսություն
cssընտրիչ:nth-last-child(թիվ | odd | even | արտահայտություն) {
}
Արժեքներ
| Արժեք | Նկարագրություն |
|---|---|
| թիվ |
Դրական թիվ՝ սկսած 1-ից:
Նշում է տարրի համարը, որին ցանկանում ենք
դիմել: Տարրերի համարակալումը սկսվում է 1-ից:
|
odd |
Կենտ տարրեր: |
even |
Զույգ տարրեր: |
| արտահայտություն |
Կարելի է կազմել հատուկ արտահայտություններ n տառով,
որը նշանակում է բոլոր ամբողջ թվերը զրոյից (ոչ թե մեկից)
մինչև անվերջություն: Այսպիսով, 2n - նշանակում է բոլոր զույգ
թվերը (սկսած երկրորդից):
Ինչպե՞ս հասկանալ դա: Փոխարինում ենք n-ում հաջորդաբար
թվերը՝ սկսած 0-ից և այլն: եթե n = 0, ապա 2n-ը կտա 0 -
նման տարր գոյություն չունի (տարրերի համարակալումը սկսվում է 1-ից),
եթե n = 1, ապա 2n-ը կտա 2 - երկրորդ տարրը, եթե n = 2,
2n-ը տալիս է 4 - չորրորդ տարրը: Եթե գրենք 3n - դա
կլինի յուրաքանչյուր երրորդ տարր (սկսած երրորդից) և այլն:
|
Օրինակ
Այս օրինակում մենք կդարձնենք կարմիր գույնի
այն li-ն, որը իր ծնողի 4-րդը վերջից
սերունդն է:
html<ul>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
</ul>cssli:nth-last-child(4) {
color: red;
}
Результат:
Օրինակ
Այժմ կարմիր գույնի կդարձնենք բոլոր
զույգերը վերջից li-ները:
html<ul>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
</ul>cssli:nth-last-child(even) {
color: red;
}
Результат:
Օրինակ
Այժմ կարմիր գույնի կդարձնենք բոլոր կենտերը
վերջից li-ները:
html<ul>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
</ul>cssli:nth-last-child(odd) {
color: red;
}
Результат:
Օրինակ
Այժմ կարմիր գույնի կդարձնենք յուրաքանչյուր երրորդը
վերջից li-ները:
html<ul>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
<li>ցանկի տարր</li>
</ul>cssli:nth-last-child(3n) {
color: red;
}
Результат: