Exercice 2/20

  • Dans l'onglet CSS, sélectionnez uniquement la balise de titre ‹h3› imbriquée dans trois ‹div› puis changez sa couleur (color) en rouge (#ff0000);
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 2/20

Vous savez qu'il est possible d'imbriquer des éléments HTML les uns à l'intérieur des autres, comme ceci :

      ‹div›
        ‹div›
            ‹p›J'aime les tacos !‹/p›
        ‹/div›
      ‹/div›

Comment faire pour modifier uniquement les ‹p› qui sont à l'intérieur des deux ‹div› et non l'intégralité des ‹p› de la page HTML ?

Il suffit d'utiliser le sélecteur CSS suivant :

      div div p {
        /*votre code CSS!*/
    }

Commentaires les mieux notés

  • cedolinlaure32430-9

    cedolinlaure32430-9

    div div div h3 {color:...}

    le 17/09/2019 à 14h26

  • abmms-7

    abmms-7

    voilà le résultat

    le 03/12/2018 à 16h43

  • abmms-7

    abmms-7

    div div div h3{ color:#ff0000; }

    le 03/12/2018 à 16h44

  • samir_A.

    samir_A.

    *l'erreur dans la seconde partie de la leçon : " div div p { /*votre code CSS!*/ } " il manque l'accolade d'ouverture après le p, ce qui complique la compréhension de la leçon et de la résolution de l'exercice

    le 16/06/2020 à 11h37

  • Carine1972

    Carine1972

    Heu... Alors là il faudrait m'expliquer pourquoi on nous donne la syntaxe /*code du css */ qui correspond à celle d'un commentaire...

    le 21/05/2017 à 18h57

20 Commentaires

  • kbouloul-68

    kbouloul-68

    bonjour je comprend mon code et faux pourtant dans les commentaire c ce resultat qui es ecrit je ne comprend pas

    le 28/08/2020 à 18h09

  • meriam

    meriam Admin

    Bonjour, il suffit de supprimer le code suivant {{

    le 31/08/2020 à 12h15

  • loutchay-74

    loutchay-74

    Bonjour, là, j'avoue que je ne comprends pas quand je soumets, cela me dit: Il vous manque la règle css pour la balise h3 imbriquée dans trois div

    le 07/08/2020 à 04h04

  • meriam

    meriam Admin

    Bonjour, le sélecteur div div div h3 {}

    le 07/08/2020 à 12h43

  • tritrineyret-85

    tritrineyret-85

    div div div h3{{ color:#ff0000; } j'ai le bon code mais il me mais un message d'erreur (Il vous manque la règle css pour la balise h3 imbriquée dans trois div)

    le 02/08/2020 à 22h06

  • meriam

    meriam Admin

    Bonjour, il faut supprimer le code &#123 juste aprés l'accolade ouvrante.

    le 03/08/2020 à 11h37

  • hanane_thami-44

    hanane_thami-44

    mon code il est bon mais mon titre est toujours noir et non en rouge ?!!

    le 05/07/2020 à 23h14

  • meriam

    meriam Admin

    Boujour, quel est le message d'erreur affiché?

    le 06/07/2020 à 13h04

  • samir_A.

    samir_A.

    *l'erreur dans la seconde partie de la leçon : " div div p { /*votre code CSS!*/ } " il manque l'accolade d'ouverture après le p, ce qui complique la compréhension de la leçon et de la résolution de l'exercice

    le 16/06/2020 à 11h37

  • seguedaelvis-93

    seguedaelvis-93

    c'est bon problème résolu le code est tout simple et il marche chez moi "div div div h3 {color:#ff0000;}

    le 11/06/2020 à 17h20

  • seguedaelvis-93

    seguedaelvis-93

    voila mon code "div div div h3 {{ color:#ff0000; }" la phrase se colore en rouge mais lorsque je soumet on me dit qu'il vous manque les règles CSS pour la balise h3 inbriquée dans trois div aidez moi please!

    le 11/06/2020 à 17h17

  • meriam

    meriam Admin

    remplacez le code &#123 par l'accolade ouvrante. {

    le 11/06/2020 à 18h24

  • amandine.douguedroit-94

    amandine.douguedroit-94

    Merci pour votre réponse

    le 10/06/2020 à 16h23

  • meriam

    meriam Admin

    Je vous en prie

    le 10/06/2020 à 16h44

  • meriam

    meriam Admin

    Je vous en prie

    le 10/06/2020 à 16h44

  • amandine.douguedroit-94

    amandine.douguedroit-94

    Mon code est " div div div h3 { color:#ff0000;} " et ça ne marche juste PAS DU TOUT. ça m'agace

    le 09/06/2020 à 15h59

  • meriam

    meriam Admin

    Bonjour, aprés h3 faut ajouter l'accolade ouvrante.

    le 09/06/2020 à 16h10

  • brabant.pro-76

    brabant.pro-76

    merci beaucoup pour votre aide

    le 21/04/2020 à 15h32

  • meriam

    meriam Admin

    @brabant.pro-76 avec plaisir.

    le 22/04/2020 à 17h16

  • yesim.oguz-35

    yesim.oguz-35

    il faut ajouter un espace après le h3 div div div h3 {color: #ff0000;}

    le 25/03/2020 à 17h59

  • cedolinlaure32430-9

    cedolinlaure32430-9

    div div div h3 {color:...}

    le 17/09/2019 à 14h26

  • abmms-7

    abmms-7

    div div div h3{ color:#ff0000; }

    le 03/12/2018 à 16h44

  • abmms-7

    abmms-7

    voilà le résultat

    le 03/12/2018 à 16h43

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Les sélecteurs multiples</title> </head> <body> <h3>Je suis une police classique !</h3> <div> <h3>Moi aussi !</h3> <div> <h3>Moi de même !</h3> <div> <h3>Moi je vais devenir rouge !</h3> </div> </div> </div> </body> </html>