CSS 3: Selector de orden n-de-tipo ()
selectores CSS completo manual de referencia
Ejemplos
Describir cada elemento p coincide con el color de fondo del mismo tipo en los dos primeros elementos de hermanos entre hermanos:
{
background:#ff0000;
}
Trate »
Definición y Uso
: Selector de enésimo tipo de (n) para que coincida con el mismo tipo de los hermanos entre hermanos n-ésimo.
n puede ser un número, una palabra clave o una fórmula.
Consejo: Ver : nth-child () selector.El selector coincide con el elemento padre enésimo elemento. AT ante la mirada : nth-child () .
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-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 (el índice del primer hijo es 1).
A continuación, especificamos dos diferentes colores de fondo para los elementos pares e impares p:
{
fondo: # ff0000;
}
P: nth-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 color de fondo:
{
fondo: # ff0000;
}
Trate »