Ejemplo
Seleccionar y estilo de cada <p> elemento que es el primer hijo de su padre:
p:first-child
{
background-color: yellow;
}
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El selector: first-child se utiliza para seleccionar el selector especificado, sólo si es el primer hijo de su padre.
| Versión: | CSS2 |
|---|
Soporte para el navegador
Los números de la tabla especifica la primera versión del navegador que es totalmente compatible con el selector.
| Selector | |||||
|---|---|---|---|---|---|
| :first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Note: Para: primer hijo a trabajar en IE8 y anteriores, un <! DOCTYPE> deben ser declarados.
sintaxis CSS
Más ejemplos
Ejemplo
Seleccionar y estilo de cada <i> elemento de cada <p> elemento, donde el <p> elemento es el primer hijo de su padre:
p:first-child i
{
background: yellow;
}
Inténtalo tú mismo " Ejemplo
Seleccionar y el estilo de la primera <li> elemento en las listas:
li:first-child
{
background: yellow;
}
Inténtalo tú mismo " Ejemplo
Seleccione el estilo y el primer elemento secundario de todos los <ul> elemento:
ul > :first-child
{
background: yellow;
}
Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: clases CSS Pseudo