CSS : selector de primer hijo
Ejemplo
Seleccione y aplique estilo a cada elemento <p> que sea el primer hijo de su padre:
p:first-child
{
background-color: yellow;
}
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El :first-child
selector se usa para seleccionar el selector especificado, solo si es el primer hijo de su padre.
Versión: | CSS2 |
---|
Compatibilidad con navegador
Los números de la tabla especifican 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 |
Sintaxis CSS
:first-child {
css declarations;
}
Más ejemplos
Ejemplo
Seleccione y aplique estilo a cada elemento <i> de cada elemento <p>, donde el elemento <p> es el primer hijo de su padre:
p:first-child i
{
background: yellow;
}
Ejemplo
Seleccione y aplique estilo al primer elemento <li> en las listas:
li:first-child
{
background: yellow;
}
Ejemplo
Seleccione y aplique estilo al primer elemento secundario de cada elemento <ul>:
ul > :first-child
{
background: yellow;
}
páginas relacionadas
Tutorial CSS: Pseudoclases CSS