Dans le cours : L'essentiel des CSS

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 200 cours dispensés par des experts.

Découvrir le sélecteur de descendance directe

Découvrir le sélecteur de descendance directe - Tutoriel CSS

Dans le cours : L'essentiel des CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Découvrir le sélecteur de descendance directe

“

Imaginons maintenant la situation suivante : nous voulons changer l'apparence du titre de niveau 1 qui se trouve en ligne 11. Le monde en noir et blanc. C'est le titre principal de mon site. Donc j'ai envie d'une mise en forme particulière pour celui-là uniquement. Je ne veux pas changer l'apparence des autres éléments H1 de ma page. Je vais me dire cet élément H 1, il se trouve à l'intérieur de ce header qui s'appelle mainHeader. C'est ça qui le rend différent des autres éléments H1 qui se trouvent plus bas dans le code. Par exemple ici nous avons Rechercher, nous avons Catégorie et nous avons Archives qui se trouvent dans la future colonne de droite de cette page. Allons-y au niveau de la feuille de style ça va donner maintenant mainHeader H1. Je sélectionne tous les titres de niveau 1 qui se trouvent dans le contexte d'un élément dans ma page qui porte l'identifiant mainHeader. Je sauvegarde, je reviens dans mon navigateur et regardez ça…

Table des matières