CSS: pseudo-elemento first-child
selectores CSS completo manual de referencia
Ejemplos
Combina elementos que pertenecen al primer hijo del elemento padre de cada elemento <p>
P: first-child
{
background-color: amarillo;
}
{
background-color: amarillo;
}
Trate »
Definición y Uso
: Selector de un solo hijo coincide con el elemento que pertenece al elemento padre único elemento hijo.
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
选择器 | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Nota :: primer niño debe ser declarada en IE8 y versiones anteriores de IE <! DOCTYPE>
Artículos relacionados
CSS tutorial: CSS pseudo-clases
más ejemplos
Ejemplos
<P> es el primer hijo de su padre, el estilo <i> para cada elemento <p> es:
P: first-child i
{
fondo: amarillo;
}
{
fondo: amarillo;
}
Trate »
Ejemplos
Lista primera <li> elemento seleccionado del estilo:
li:first-child
{
background:yellow;
}
{
background:yellow;
}
Trate »
Ejemplos
primer elemento secundario de cada elemento <ul> estilo seleccionado ::
ul>:first-child
{
background:yellow;
}
{
background:yellow;
}
Trate »