CSS3: nth-of-type () selector
seletores CSS manual de referência completo
Exemplos
Especifique cada elemento p coincide com a cor do mesmo tipo nos dois primeiros irmãos irmãos elementos de fundo:
{
background:#ff0000;
}
tente »
Definição e Uso
: Nth-of-type (n) selector para coincidir com o mesmo tipo dos irmãos irmãos n-th.
n pode ser um número, uma palavra-chave, ou uma fórmula.
Dica: Veja : nth-child () selector.O selector corresponde ao elemento pai n th elemento. AT com o olhar : Nth com crianças () .
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
选择器 | |||||
---|---|---|---|---|---|
:nth-of-type() | 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 (o índice do primeiro filho é 1).
Aqui, especificamos duas cores diferentes de fundo para os elementos pares e ímpares p:
{
background: # ff0000;
}
p: nth-of-type (mesmo)
{
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 cor de fundo:
{
background: # ff0000;
}
tente »