CSS :nth-last-child() Kieser
Voorbeeld
Spesifiseer 'n agtergrondkleur vir elke <p>-element wat die tweede kind van sy ouer is, vanaf die laaste kind:
p:nth-last-child(2)
{
background: red;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die kieser pas by elke element wat die n de kind is, ongeag die tipe, van sy ouer, tel vanaf die laaste kind.:nth-last-child(n)
n kan 'n getal, 'n sleutelwoord of 'n formule wees.
Wenk: Kyk na die :nth-last-of-type()- kieser om die element te kies wat die n - de kind is, van 'n gespesifiseerde tipe , van sy ouer, tel vanaf die laaste kind.
Weergawe: | CSS3 |
---|
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die kieser ten volle ondersteun.
Selector | |||||
---|---|---|---|---|---|
:nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS-sintaksis
:nth-last-child(number) {
css declarations;
}
Meer voorbeelde
Voorbeeld
Onewe en ewe is sleutelwoorde wat gebruik kan word om kinderelemente te pas waarvan die indeks onewe of ewe is.
Hier spesifiseer ons twee verskillende agtergrondkleure vir onewe en ewe p-elemente, vanaf die laaste kind:
p:nth-last-child(odd)
{
background: red;
}
p:nth-last-child(even)
{
background: blue;
}
Voorbeeld
Gebruik 'n formule ( an + b ). Beskrywing: a verteenwoordig 'n siklusgrootte, n is 'n teller (begin by 0), en b is 'n offsetwaarde.
Hier spesifiseer ons 'n agtergrondkleur vir alle p-elemente waarvan die indeks 'n veelvoud van 3 is, vanaf die laaste kind:
p:nth-last-child(3n+0)
{
background: red;
}