Exemplu
Specificați o culoare de fundal pentru fiecare <p> element care este al doilea copil al său părinte, numărând de la ultimul copil:
p:nth-last-child(2)
{
background: #ff0000;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
:nth-last- child( n ) selectorul se potrivește cu fiecare element care este n - lea copil, indiferent de tip, de societatea - mamă, numărând de la ultimul copil.
n poate fi un număr, un cuvânt cheie sau o formulă.
Tip: Uită - te la :nth-last-of- type() selectorul pentru a selecta elementul care este n - lea copil, of a specified type , de societatea - mamă, numărând de la ultimul copil.
Versiune: | CSS3 |
---|
Suport pentru browser-
Numerele din tabel specifică prima versiune de browser care acceptă pe deplin selectorul.
Selector | |||||
---|---|---|---|---|---|
:nth-last- child() | 4 | 9 | 3.5 | 3.2 | 9.6 |
CSS Sintaxa
Mai multe exemple
Exemplu
Pare și impare sunt cuvinte cheie care pot fi utilizate pentru a se potrivi elemente copil al căror indice este par sau impar.
Aici, vom preciza două fundal de culori diferite pentru elemente p pare și impare, numărând de la ultimul copil:
p:nth-last-child(odd)
{
background: #ff0000;
}
p:nth-last-child(even)
{
background: #0000ff;
}
Încearcă - l singur » Exemplu
Folosind o formulă ( an + b ) . Descriere: a reprezintă o dimensiune ciclu, n este un contor (starts at 0) de b (starts at 0) , iar b este o valoare de offset.
Aici, vom specifica o culoare de fundal pentru toate elementele p al căror indice este un multiplu de 3, numărând de la ultimul copil:
p:nth-last-child(3n+0)
{
background: #ff0000;
}
Încearcă - l singur »