Exercice 16/20

  • Dans le fichier stylesheet.css, attribuez la couleur #ff0000 aux paragraphes p se trouvant dans un élément de la liste à puces;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 16/20

Cet exercice est un rappel sur les sélecteurs multiples.

Rappelez-vous comment utiliser les sélecteurs pour cibler des éléments imbriqués les uns dans les autres. Si vous avez un paragraphe p dans un div, ce div étant lui-même imbriqué dans un autre div, vous pouvez cibler le paragraphe p en question comme cela :

   div div p {
        /*Votre CSS*/
    }    

Ce sélecteur va appliquer le style à tous les paragraphes imbriqués dans deux div, sans toucher aux paragraphes qui ne correspondent pas à ces critères

Commentaires les mieux notés

  • seb.gamess33-38

    seb.gamess33-38

    d'accord enfaite le nth-child(1) était pas utile dans le code merci pour l'aide

    le 16/04/2019 à 15h46

  • meriam

    meriam Admin

    Bon courage

    le 16/04/2019 à 16h10

  • beraza.maitane-77

    beraza.maitane-77

    voilà la solution : li p { color: #ff0000; }

    le 06/06/2019 à 16h59

  • line.lagarde

    line.lagarde

    Je ne comprends pas mon erreur?

    le 05/06/2016 à 15h30

  • mram

    mram Admin

    Bonjour, même si votre code donne le résultat escompté, votre sélecteur CSS est trop spécifique. On souhaite appliquer le style aux <p> situés dans un <li>, rien de plus, peu importe dans quoi se trouve le <li> lui-même.

    le 05/06/2016 à 16h24

  • elliot.dinguimbert

    elliot.dinguimbert

    Alors dans ce cas là, pourquoi cela ne fonctionne t'il pas avec l'unique sélecteur li ?

    le 23/09/2016 à 18h39

20 Commentaires

  • ersox240-7

    ersox240-7

    Réponse : li p &#123; color: #ff0000; }

    le 22/06/2020 à 18h40

  • sabrina.akouchereis-44

    sabrina.akouchereis-44

    Bonjour, de nouveau impossible a valider

    le 10/06/2020 à 17h03

  • meriam

    meriam Admin

    Bonjour, supprimez les deux points : aprés le sélecteur li p.

    le 10/06/2020 à 17h49

  • meriam

    meriam Admin

    Bonjour, supprimez les deux points : aprés le sélecteur li p.

    le 10/06/2020 à 17h52

  • beraza.maitane-77

    beraza.maitane-77

    voilà la solution : li p &#123; color: #ff0000; }

    le 06/06/2019 à 16h59

  • seb.gamess33-38

    seb.gamess33-38

    d'accord enfaite le nth-child(1) était pas utile dans le code merci pour l'aide

    le 16/04/2019 à 15h46

  • meriam

    meriam Admin

    Bon courage

    le 16/04/2019 à 16h10

  • maxime.leteno-31

    maxime.leteno-31

    ul li p &#123; color : #ff0000; } ne fonctionne pas ?

    le 09/01/2019 à 14h29

  • meriam

    meriam Admin

    bonjour, il faut attribuer la couleur #ff0000 aux paragraphes p se trouvant dans un élément de la liste à puces 'li';

    le 11/01/2019 à 10h11

  • mehdi_chabani-51

    mehdi_chabani-51

    Voici mon message d'erreur : Il vous manque la règle css pour les paragraphes p des éléments la liste à puces

    le 09/01/2019 à 08h52

  • meriam

    meriam Admin

    Bonjour, tu dois attribuer la couleur #ff0000 aux paragraphes p se trouvant dans un élément de la liste à puces li, l'exercice demande tous les p, donc le sélecteur pseudo-classe first-child est inutile. Il suffit d' utiliser un sélecteur multiple.

    le 11/01/2019 à 10h26

  • nkeshimanabrice-37

    nkeshimanabrice-37

    Vérifiez la syntaxe du sélecteur pour les paragraphes <p> dans un élément de la liste à puces.,Vous devriez avoir 2 éléments html avec la règle CSS "color: #ff0000". mais je ne comprends l'erreur..

    le 15/10/2018 à 14h52

  • meriam

    meriam Admin

    Le sélécteur n'est pas correcte, je ne vois pas des balises div dans le fichier index.html. Ce qui est demandé est de séléctionner les paragraphes p se trouvant dans un élément de la liste à puce.

    le 15/10/2018 à 16h19

  • samy.liani-14

    samy.liani-14

    ul li p &#123; color:#ff0000; } Ou est l'erreur ? ( Vérifiez la syntaxe du sélecteur pour les paragraphes <p> dans un élément de la liste à puces.)

    le 06/09/2018 à 20h47

  • mram

    mram Admin

    Je pense le "ul" devant est inutile, mettre "li p" suffit à cibler les "p" qui sont dans des "li".

    le 10/09/2018 à 04h16

  • tekh3d-63

    tekh3d-63

    je passe, d'autant plus que comme d'habitude, y carrement personne au telephonne, on a l'impression d'être robinson crusoé, dans ces trucs, d'où les critiques conernant ce genre de cours qui bien sur se targuent d'être ludique et facile etc. mais c'est parfois et souvent de vrais prise de tête, ca fonctionne au ralenti, pour apprendre deux trucs tu galéres des heures, mais surtout y a carremment aucune assistance, et vu que les progs sont bloquer tu peux rien fairre, enfin un vrai coup de g.... hyper ennervant et je te parle même pas du js, qui est carrement incomprehensible, merci poour cette prise en main complétement génia!! aleauveuh y'ou!!!

    le 31/08/2018 à 12h26

  • mram

    mram Admin

    On a jamais dit que c'était facile, tout dépend du niveau de chacun.

    Passer du temps pour apprendre 2 trucs ça peut arriver, tout dépend du niveau. Certains sont plus rapides que d'autres, voilà tout.

    Qu'est ce qui est incompréhensible dans le JS ?

    le 05/09/2018 à 07h03

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Rappel : Les sélecteurs multiples</title> </head> <body> <ul> <li><p>Moi !</p></li> <li><p>Moi aussi !</p></li> <p>Pas moi.</p> </ul> <p>Pas moi non plus.</p> </body> </html>