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

  • nkeshimanabrice-37

    oui je vois qu'il y a de l'espace après accolade mais je ne vois pas le problème...

  • audebertt-85

    plutôt celle-ci: nth-child(1) { font-family:Cursive; }

  • mram Administrateur

    Ligne 2, mettez le texte en minuscule...

  • bruno

    oui, moi aussi. Cela affiche bien du cursive pour le premier enfant mais il dit "erreur de syntaxe". Il faut peut-etre l'ecrire autrement mais il faudrait un indice.

30 Commentaires

  • audebertt-85

    audebertt-85

    plutôt celle-ci: nth-child(1) { font-family:Cursive; }

    le 28/05/2018 à 15h55

  • mram

    mram Administrateur

    Ligne 2, mettez le texte en minuscule...

    le 01/04/2017 à 11h32

  • bruno

    bruno

    oui, moi aussi. Cela affiche bien du cursive pour le premier enfant mais il dit "erreur de syntaxe". Il faut peut-etre l'ecrire autrement mais il faudrait un indice.

    le 09/07/2016 à 22h26

  • mram

    mram Administrateur

    Votre code est juste, mais il y a encore plus simple. Pas besoin de préciser le div, p:first-child suffit.

    le 11/07/2016 à 12h21

  • denouillekevi

    denouillekevi

    Le code marche mais sa ne valide pas ...

    le 22/01/2016 à 17h19

  • lallemand.alban.76

    lallemand.alban.76

    je ne vois pas mon erreur

    le 31/03/2017 à 12h52

  • markitobcn

    markitobcn

    merci

    le 26/10/2016 à 01h54

  • chanthasack

    chanthasack

    Bonjour, c'est quoi la différence avec div > p, pourtant ça fonctionne...

    le 07/12/2017 à 18h31

  • mram

    mram Administrateur

    Bonjour, avec "div > p" vous sélectionnez tous les "p" qui sont des enfants directs du "div". Ici on ne souhaite sélectionner que le premier.

    le 10/12/2017 à 14h39

  • florian.jacob

    florian.jacob

    consigne trop vague

    le 16/04/2018 à 23h12

  • mram

    mram Administrateur

    Bonjour, qu'est ce que vous n'avez pas bien compris ?

    le 18/04/2018 à 05h01

  • noura-nahed1-45

    noura-nahed1-45

    je ne trouve pas l'erreur de syntaxe div :first-child { font-family: Cursive; }

    le 11/09/2018 à 15h03

  • audebertt-85

    audebertt-85

    Bonjour, est ce fausse cette ecriture? div p:first-child { font-family:Cursive; }

    le 28/05/2018 à 12h12

  • mram

    mram Administrateur

    Bonjour, ce n'est pas faut en soi, tout dépend du contexte et de ce qu'on souhaite faire. Il y a souvent plusieurs façon d'arriver au même résultats, mais certaines sont meilleures que d'autres.

    le 02/06/2018 à 04h20

  • Yoda

    Yoda

    bonjour, je ne voie pas comment corrigé mon erreur

    le 17/11/2017 à 10h52

  • mram

    mram Administrateur

    Bonjour, il faudrait mettre l'accolade { à la fin de la première ligne.

    le 22/11/2017 à 00h36

  • nkeshimanabrice-37

    nkeshimanabrice-37

    l'exercice n'est pas valide alors qu'on écrit bien joué,

    le 21/02/2019 à 16h57

  • meriam

    meriam Administrateur

    votre code est correct.

    le 22/02/2019 à 12h33

  • Hervé

    Hervé

    j'ai trouvé merci comme même

    le 11/07/2017 à 12h10

  • Stessie

    Stessie

    bonjour, je suis totalement bloquée sur cet exercice ... Mon code est-il bon?

    le 16/07/2018 à 12h50

  • mram

    mram Administrateur

    Bonjour, "div" était en trop dans le sélecteur CSS, on n'en a pas besoin pour pointer vers l'élément HTML souhaité.

    le 25/07/2018 à 04h26

  • saidali.anissa-71

    saidali.anissa-71

    je ne comprends pas mon erreur, je suis totalement bloqué

    le 10/05/2018 à 09h43

  • mram

    mram Administrateur

    Bonjour, mettez une majuscule au nom de la police :)

    le 14/05/2018 à 03h17

  • Hervé

    Hervé

    Le code fonctionne mais ne se valide pas, je ne vois pas mon erreur!

    le 09/07/2017 à 16h11

  • mram

    mram Administrateur

    Il faut que ":first-child" soit collé à "div".

    le 10/07/2017 à 17h57

  • mram

    mram Administrateur

    Et il ne faut pas mettre "div", relisez bien la consigne.

    le 10/07/2017 à 17h58

  • ch.marine67-51

    ch.marine67-51

    p:first-child{ font-family:Cursive; }

    le 13/11/2019 à 17h33

  • must9-61

    must9-61

    p:first-child { font-family:Cursive; }

    le 29/10/2019 à 00h45

  • belmokhtar-med-amine-32

    belmokhtar-med-amine-32

    voilà la correction de cette exercice p:first-child{ font-family:Cursive; }

    le 15/11/2018 à 16h53

  • menad.amrane-11

    menad.amrane-11

    la réponse c'est mettre juste p:first-child { font-family: cursive; } sans la div

    le 13/03/2019 à 18h39

  • Cozmix

    Cozmix

    p:first-child {

    le 11/11/2019 à 11h13

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>