Langage de programmation - CSS - Référence des pseudo-classes

:first-child	Première enfant
CSS2

Syntaxe

:first-child { déclarations }

Paramètres

Paramètre	Description
déclarations	Ce paramètre permet d'indiquer tous les déclarations de CSS à appliquer.

Description

Cette pseudo-classe permet d'indiquer la première enfant de la balise.

Remarque

La pseudo-classe «:nth-child(1)» est équivalent de la pseudo-classe «:first-child». Ainsi, les navigateurs Web ne font pas de différence entre ses deux pseudo-classes.

Exemple

L'exemple suivant permet d'avoir uniquement la première ligne d'une la liste d'une couleur de fond différente :


	
	<style>
	
	li:first-child { background-color:yellow; }
	
	</style>
	
	<ul>
	
	   <li>Un (Jaune)</li>
	
	   <li>Deux</li>
	
	   <li>Trois</li>
	
	   <li>Quatre</li>
	
	   <li>Cinq</li>
	
	</ul>

on obtiendra le résultat suivant :

Un (Jaune) Deux Trois Quatre Cinq

Dernière mise à jour : Dimanche, le 20 décembre 2015

Section courante

A propos

Section administrative du site

:first-child

Syntaxe

Paramètres

Description

Remarque

Exemple