:first-child
Aplica uno o más estilos a cualquier elemento que sea el primer elemento secundario del elemento primario.
Sintaxis
:first-child { sRules }
Valores posibles
sRules
Valor que especifica uno o más pares de atributo-valor de hojas de estilos en cascada.
Observaciones
La pseudoclase :first-child coincide con un elemento que es el primer elemento secundario de otro elemento.
El texto en línea no se considera parte del árbol del documento y no se cuenta a la hora de calcular el primer elemento secundario. Por ejemplo, en el siguiente código HTML, el elemento EM es el primer elemento secundario del elemento P:
<p>abc <em>default</em> def</p>
Ejemplos
En el siguiente ejemplo, el selector coincide con cualquier elemento P que sea el primer elemento secundario de su elemento primario (la regla de estilo suprime la sangría solo para el primer párrafo):
<style>
p:first-child {text-indent: 0}
</style>
El selector anterior coincidiría con el elemento P dentro del DIV del primer fragmento siguiente, pero no coincidiría con el elemento P en el segundo fragmento:
<!-- First fragment -->
<div class="note">
<p> The first P inside the note. </p>
</div>
<!-- Second fragment -->
<div class="note">
<h2>Note</h2>
<p> The first P inside the note. </p>
</div>
Aplicable a
A, ABBR, ACRONYM, ADDRESS, B, BIG, BLOCKQUOTE, BODY, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, DD, DFN, DIV, DL, DT, EM, FORM, HN, HTML, I, IMG, INPUT, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=HIDDEN, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, LI, OL, P, S, SELECT, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP