selector de orden n-última-de-tipo (): CSS3
selectores CSS completo manual de referencia
Ejemplos
P especifica que cada elemento del mismo tipo de partido penúltima dos hermanos entre hermanos color de fondo:
{
fondo: # ff0000;
}
Trate »
Definición y Uso
: Nth-última-de-tipo (n) selector para que coincida con el mismo tipo de hermanos entre hermanos enésima recíprocas.
npuede ser un número, una palabra clave o una fórmula.
Consejo: Ver: : enésimo-last-child () selector.El selector coincide con el elemento padre en los sub-elementos estructurales penúltimas n
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
选择器 | |||||
---|---|---|---|---|---|
:nth-last-of-type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
más ejemplos
Ejemplo 1
Impar e incluso se puede utilizar como una palabra clave para que coincida con el sub-elemento se utiliza, su índice es par o impar.
A continuación, especificamos dos colores de fondo diferentes para los elementos p impares y pares recíprocos:
{
fondo: # ff0000;
}
P: nth-última-de-tipo (incluso)
{
background: # 0000ff;
}
Trate »
Ejemplo 2
Utilizando la fórmula (a + b) Descripción: El tamaño de un representante de un ciclo, N es un contador (comenzando en 0), y b es el desplazamiento.
Aquí todos los índices son múltiplos de tres elementos P especifica el orden de la inversa del color de fondo:
{
background:#ff0000;
}
Trate »