CSS :nth-last-of-type() Selector
Příklad
Určete barvu pozadí pro každý prvek <p>, který je druhým prvkem p svého rodiče, počítáno od posledního potomka:
p:nth-last-of-type(2)
{
background: red;
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Selektor odpovídá každému prvku, který je n - tým potomkem, určitého typu, jeho rodiče, počítáno od posledního potomka.:nth-last-of-type(n)
n může být číslo, klíčové slovo nebo vzorec.
Tip: Podívejte se na selektor :nth-last-child() a vyberte prvek, který je n -tým potomkem, bez ohledu na typ , jeho rodiče, počítáno od posledního potomka.
Verze: | CSS3 |
---|
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje selektor.
Selector | |||||
---|---|---|---|---|---|
:nth-last-of-type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
Syntaxe CSS
:nth-last-of-type(number) {
css declarations;
}
Další příklady
Příklad
Lichá a sudá jsou klíčová slova, která lze použít ke shodě podřízených prvků, jejichž index je lichý nebo sudý (index prvního potomka je 1).
Zde specifikujeme dvě různé barvy pozadí pro liché a sudé prvky p:
p:nth-last-of-type(odd)
{
background: red;
}
p:nth-last-of-type(even)
{
background: blue;
}
Příklad
Pomocí vzorce ( an + b ). Popis: a představuje velikost cyklu, n je čítač (začíná na 0) a b je hodnota offsetu.
Zde určíme barvu pozadí pro všechny prvky p, jejichž index je násobkem 3:
p:nth-last-of-type(3n+0)
{
background: red;
}