CSS3: nth-last-child () selector
seletores CSS manual de referência completo
Exemplos
P especifica que cada elemento do mesmo tipo de jogo cor de fundo penúltima dois irmãos irmãos:
{
background: # ff0000;
}
tente »
Definição e Uso
: Nth-last-of-type (n) selector para coincidir com o mesmo tipo de irmãos irmãos n-th recíprocas.
npode ser um número, uma palavra-chave, ou uma fórmula.
Dica: Veja : nth-last-of-type () selector.O selector corresponde ao elemento pai nas sub-elementos penúltimo n estruturais.
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
选择器 | |||||
---|---|---|---|---|---|
:nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
mais exemplos
exemplo 1
Impar e mesmo pode ser usado como uma palavra-chave para coincidir com o sub-elemento é utilizado, o seu índice é par ou ímpar.
Aqui, especificamos duas cores diferentes de fundo para os elementos p pares e ímpares recíprocas:
{
background:#ff0000;
}
p:nth-last-child(even)
{
background:#0000ff;
}
tente »
exemplo 2
Usando a fórmula (a + b) Descrição: O tamanho de um representante de um ciclo, N é um contador (a partir de 0), e b é o deslocamento.
Aqui nós todos os índices são múltiplos de três elementos p especifica a ordem do inverso da cor de fundo:
{
background: # ff0000;
}
tente »