Exercice 14/20

  • Dans le fichier stylesheet.css, attribuez la propriété font-family et sa valeur Cursive au paragraphe qui est le premier enfant de div;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 14/20

Un autre sélecteur de pseudo-classe utile est :first-child. Il est utilisé pour appliquer un style uniquement aux éléments qui sont le premier enfant de leur parent.

Commentaires les mieux notés

80 Commentaires

  • jeromebob888-3

    jeromebob888-3

    Bonjour, Selon l'énoncé "dans le fichier stylesheet.css, attribuez la propriété font-family et sa valeur Cursive au paragraphe qui est le premier enfant de div: n'est pas claire: pour moi le code selon l'énoncé serait div:first-child{ font-family: Cursive; }: le premier enfant de la div qui se trouve être un paragraphe, non ? En plus le résultat du code s'applique bien sur le premier paragraphe"je suis le premier enfant qui passe bien en cursive....??? Merci de votre retour

    le 18/10/2022 à 09h56

  • Patricio M

    Patricio M Admin

    Le dernier code est bon. La lecture est plutôt: De toutes les <p>, mettre en cursive le 1er enfant (du parent <div>)

    le 19/10/2022 à 08h41

  • blivi.adote-1

    blivi.adote-1

    je pense avoir la bonne reponse mais ça me dit que mon code n'est pas bon

    le 06/03/2022 à 20h59

  • meriam

    meriam Admin

    Bonjour, il suffit d'écrire p:first-child { }

    le 06/03/2022 à 23h46

  • Marc

    Marc

    il y a beacoup des bags dans cette application, même dans ce chat.C'est un peu bizzare pour l'ecole numérique

    le 24/09/2021 à 10h49

  • meriam

    meriam Admin

    N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Il suffit de poster un commentaire en cliquant l'onglet commentaire.

    le 27/09/2021 à 09h24

  • Marc

    Marc

    mais la réponse correct dans cette application c'est p:first-child &#123;font-family:Cursive;}

    le 24/09/2021 à 10h47

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct,

    le 27/09/2021 à 09h26

  • meriam

    meriam Admin

    Pouvez vous me dire le message d'erreur affiché?

    le 27/09/2021 à 09h27

  • Marc

    Marc

    Normalement ça doit être div p:first-child

    le 24/09/2021 à 10h46

  • meriam

    meriam Admin

    Bonjour, oui il faut écrire p:first-child pour sélectionner le 1 er enfant p dans div.

    le 27/09/2021 à 09h23

  • anthonyveillet21-65

    anthonyveillet21-65

    ho merci je bloquer dessus

    le 24/03/2021 à 21h26

  • meriam

    meriam Admin

    Est ce que vous avez résolu le problème??

    le 25/03/2021 à 16h44

  • anthonyveillet21-65

    anthonyveillet21-65

    ho merci je bloquer dessus

    le 24/03/2021 à 21h26

  • meriam

    meriam Admin

    Bonjour, votre code est correct. Quel lest le message d'erreur affiché?

    le 25/03/2021 à 16h44

  • marc.attaf-50

    marc.attaf-50

    Je n'ai pas compris ce qu'il fallait faire

    le 28/02/2021 à 16h38

  • meriam

    meriam Admin

    Bonjour, il suffit d'écrire p:first-child

    le 03/03/2021 à 12h44

  • ayoubbrahim68-35

    ayoubbrahim68-35

    bonjour il ne faut pas mettre div car le premier enfant est deja selectioner grace a first-child

    le 10/11/2020 à 11h48

  • princia.heritiana-49

    princia.heritiana-49

    Bonjour, j'ai pourtant bien écrit le code mais ce n'est pas valide

    le 20/10/2020 à 13h21

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 21/10/2020 à 09h15

  • amin

    amin

    je comprend pas l'utilité du &#123 parce que div p:first-child&#123;font-family:cursive;} fonctionne aussi

    le 19/10/2020 à 11h47

  • meriam

    meriam Admin

    Bonjour, &#123 c'est le code de l'accolade ouvrante { (bien sûr pour créer des sélecteurs il faut utiliser les accolades { }..

    le 19/10/2020 à 12h39

  • veroniquekhammisouk-83

    veroniquekhammisouk-83

    Bonjour je ne vois pas du tout où ça bloque malgré les réponses données mon code ne fonctionne pas...

    le 08/10/2020 à 08h25

  • meriam

    meriam Admin

    Bonjour, pour sélectionner un élément qui est le premier enfant de son parent vous devez respecter la syntaxe suivante : élément:first-child{ proppriété: valeur;}

    le 08/10/2020 à 09h05

  • Scottodipertaraphael-90

    Scottodipertaraphael-90

    bonjour moi ça bloque impossible j'ai même essayé les réponse des commentaire et ça bug ..

    le 29/08/2020 à 14h00

  • meriam

    meriam Admin

    Bonjour, votre code est corret.

    le 31/08/2020 à 08h17

  • dubar.jeremy-60

    dubar.jeremy-60

    Je comprends pas pourquoi c'est "p:first-child" et pas "div p:firstchild" ? merci

    le 21/08/2020 à 19h23

  • meriam

    meriam Admin

    Les deux écritures sont correctes.

    le 24/08/2020 à 13h22

  • ersox240-7

    ersox240-7

    p:first-child &#123;font-family: Cursive;}

    le 22/06/2020 à 14h10

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Le premier enfant</title> </head> <body> <div> <p>Je suis le premier enfant !</p> <p>Pas nous.</p> <p>Pas nous.</p> <p>Pas nous.</p> <p>Pas nous.</p> <p>Pas nous.</p> <p>Pas nous.</p> </div> </body> </html>