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