CSS La pseudo-classe :first-child

.......................

CSS La pseudo-classe :first-child


Les propriétés CSS

La pseudo-classe :first-child désigne le premier élément enfant d'un autre élément.

Définition et utilisation:La propriété

Dans l'exemple suivant, le sélecteur désigne chacun des éléments P qui soit le premier enfant d'un élément DIV. La règle supprime l'alinéa du premier paragraphe d'un élément DIV :
ces deux notations sont identiques:
div > p
div p

Code css : Sélectionner le code
	DIV > P:first-child { text-indent: 10px }
	


Exemple code:

Sélectionner le code
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
	<html>
	<head>
	<style type="text/css">
	div p:first-child {color:blue}
	</style>
	</head>

	<body>
		<p>1er  p de la page.</p>
		<div>
			<p>1er p du div.</p>
			<p>2eme p du div.</p>
			<p>3eme p du div.</p>

		</div>
		<div>
			<p>1er p du div.</p>
			<p>2eme p du div.</p>
		</div>
	</body>
	</html>
	






Par carabde 10 mars 2014
  • HTML5, CSS3, JavaScript pour débutants Tome 1 HTML5, CSS3, JavaScript pour débutants Tome 1
    Premier tome d\'une série vidéo dédiée à l\'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    fonction vprintf, vprintf

    Affiche une chaîne format e

    border-bottom-style

    Définit le style de la bordure inférieure

    Les variables en PHP

    Les variables en PHP comment créer des variables en PHP