English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
:nth-last-child(n)seletor para escolher todos os elementos filhos do elemento pai que pertencem a um tipo ilimitado do n-ésimo elemento, contando do último elemento.
Usar:nth-last-de-type()O seletor escolhe o tipo específico do elemento filho do elemento pai a partir do final.O n-ésimo filhoTodos os elementos do elemento.
$(:nth-last-child(number|An+B|ímpar|par)")
Contando do final para o início, escolher cada um como o item pai do:5Um elemento <p> do item:
$("document").ready(function(){ $("p:nth-last-child(5")").css("background", "coral"); });Teste veja‹/›
Os termos de número ímpar e par são usados para coincidir com elementos filhos cujos índices são ímpares ou pares:
$("document").ready(function(){ $("p:nth-last-child(even)".css("background", "coral"); $("li:nth-last-child(odd)").css("background", "coral"); });Teste veja‹/›
An + B)ARepresenta um tamanho de loop,nÉ um contador (começando por 0), enquantoBÉ um valor deslocado:
$("document").ready(function(){ $("p:nth-last-child(4n + 1")").css("background", "coral"); $("li:nth-last-child(3n)").css("background", "coral"); });Teste veja‹/›
Parâmetro | Descrição |
---|---|
number | Índice do elemento filho a ser correspondido (começando por1Fim) |
odd | Selecione cada elemento filho ímpar |
even | Selecione cada elemento filho ímpar |
An+B | Especificar o elemento filho a ser selecionado Exemplo: p: nth-last-child(3n + 2Selecione cada terceiro parágrafo, começando pelo último segundo nó |