CSS3: nth-last-child selector ()
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
: Selector enésimo-última-de-tipo (n) 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 : nth-última-de-tipo () 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-child() | 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:
{
background:#ff0000;
}
p:nth-last-child(even)
{
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:
{
fondo: # ff0000;
}
Trate »