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

  • aymanov80-74

    aymanov80-74

    100% div p:first-child{ font-family:Cursive; }

    le 19/02/2020 à 10h38

  • 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

20 Commentaires

  • princia.heritiana-49

    princia.heritiana-49

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

    le 20/10/2020 à 17h21

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 21/10/2020 à 13h15

  • amin

    amin

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

    le 19/10/2020 à 15h47

  • 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 à 16h39

  • 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 à 12h25

  • 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 à 13h05

  • 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 à 18h00

  • meriam

    meriam Admin

    Bonjour, votre code est corret.

    le 31/08/2020 à 12h17

  • 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 à 23h23

  • meriam

    meriam Admin

    Les deux écritures sont correctes.

    le 24/08/2020 à 17h22

  • ersox240-7

    ersox240-7

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

    le 22/06/2020 à 18h10

  • aymanov80-74

    aymanov80-74

    100% div p:first-child{ font-family:Cursive; }

    le 19/02/2020 à 10h38

  • ch.marine67-51

    ch.marine67-51

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

    le 13/11/2019 à 17h33

  • Cozmix

    Cozmix

    p:first-child {

    le 11/11/2019 à 11h13

  • must9-61

    must9-61

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

    le 29/10/2019 à 00h45

  • 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

  • nkeshimanabrice-37

    nkeshimanabrice-37

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

    le 21/02/2019 à 16h57

  • meriam

    meriam Admin

    votre code est correct.

    le 22/02/2019 à 12h33

  • 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

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>