Exercice 16/20

  • Dans le fichier stylesheet.css, attribuez la couleur #ff0000 aux paragraphes p se trouvant dans les éléments 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

77 Commentaires

  • fredlouka-44

    fredlouka-44

    bonjour , le code css doit etre valide et j'ai le message erreur

    le 27/12/2021 à 21h35

  • meriam

    meriam Admin

    Bonjoour, pas besoin d'utiliser le sélecteur de l'enfant direct, il suffit d'écrire li p {}

    le 28/12/2021 à 10h11

  • Marc

    Marc

    L'application valide--- li p ---selecteur mais non valide pas beaucoup d'autres bon sélecteurs par exemple ul li p

    le 24/09/2021 à 10h55

  • meriam

    meriam Admin

    Bonjour, il faut répondre en se basant sur l'énoncé , on demande de sélectionner les paragraphes p se trouvant dans les éléments de la liste à puces; donc li p {}

    le 24/09/2021 à 13h21

  • meriam

    meriam Admin

    c'est la correction automatique.

    le 24/09/2021 à 13h22

  • amelie.robert-6

    amelie.robert-6

    bonjour, j,'ai le message d'erreur "Il vous manque la règle css pour les paragraphes p des éléments la liste à puces" mais je ne vois pas mon erreur, pouvez-vous m'aider svp ?

    le 17/08/2021 à 12h10

  • meriam

    meriam Admin

    Bonjour, le bon sélecteur pour cet exercice est li p{ }

    le 30/08/2021 à 11h11

  • gautiercharles24-1

    gautiercharles24-1

    Quel est mon erreur?

    le 28/01/2021 à 12h52

  • meriam

    meriam Admin

    Bonjour, il suffit d'écrire il p {}

    le 28/01/2021 à 14h50

  • cyril_hoareau-99

    cyril_hoareau-99

    ok trouver pardon, j'avais commencer par li p mais vu que sa ne me le

    le 10/12/2020 à 09h04

  • meriam

    meriam Admin

    votre code est correct.

    le 10/12/2020 à 10h25

  • cyril_hoareau-99

    cyril_hoareau-99

    Bonjour, petit soucis de validation (tiens pour changer u_u). J'ai se message d'erreur => " Il vous manque la règle css pour les paragraphes p des éléments la liste à puces ". Or, et après vérification dans le cours correspondant, j'a bel et bien juste sur se que j'écris, c'est bien " ul p { " ect... mais le logiciel ne me valide pas l'exercice.... Merci de l'aide !

    le 10/12/2020 à 09h00

  • meriam

    meriam Admin

    Bonjour, le sélecteur doit être li p {} comme indiqué dans l'énoncé car on veut sélectionner les p des éléments de la liste (un élément de la liste c'est li).

    le 10/12/2020 à 09h09

  • ersox240-7

    ersox240-7

    Réponse : li p { color: #ff0000; }

    le 22/06/2020 à 14h40

  • sabrina.akouchereis-44

    sabrina.akouchereis-44

    Bonjour, de nouveau impossible a valider

    le 10/06/2020 à 13h03

  • meriam

    meriam Admin

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

    le 10/06/2020 à 13h49

  • meriam

    meriam Admin

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

    le 10/06/2020 à 13h52

  • beraza.maitane-77

    beraza.maitane-77

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

    le 06/06/2019 à 12h59

  • 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 à 11h46

  • meriam

    meriam Admin

    Bon courage

    le 16/04/2019 à 12h10

  • maxime.leteno-31

    maxime.leteno-31

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

    le 09/01/2019 à 12h29

  • 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 à 08h11

  • 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 à 06h52

  • 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 à 08h26

  • 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 à 10h52

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

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

  • 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 à 00h16

  • 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 à 08h26

  • 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 à 03h03

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>