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

123 Commentaires

  • axdepierre-37

    axdepierre-37

    Bonjour, la couleur ne change pas en rouge pour moi, alors que ça me semble correct, savez - vous pourquoi ?

    le 24/01/2023 à 10h20

  • Patricio M

    Patricio M Admin

    Des fois, le navigateur bloque... essaie à nouveau plus tard

    le 25/01/2023 à 15h30

  • emerickfuria6-3

    emerickfuria6-3

    div> div> div> h3 { color:#ff0000; }

    le 24/11/2022 à 10h28

  • Patricio M

    Patricio M Admin

    Emerick, div div div h3 sans les >

    le 24/11/2022 à 14h27

  • Fabricegrowth-30

    Fabricegrowth-30

    Bonjour meriam, je n'arrive pas à saisir mon erreur ... merci pour votre aide 3{ div div div h3; color:#ff0000; }

    le 30/10/2022 à 09h47

  • Patricio M

    Patricio M Admin

    Fabrice, ton code est bon

    le 02/11/2022 à 10h20

  • laurent.roges-41

    laurent.roges-41

    Bonjour, il faut remplacer { par une accolade ouvrante {

    le 13/10/2022 à 14h01

  • Patricio M

    Patricio M Admin

    Oui, bien vu :)

    le 14/10/2022 à 07h09

  • jeromebob888-3

    jeromebob888-3

    il y a une faute de syntaxe dans l'énoncé de l'excercice: vous dites: "dans trois ‹div› ", il aurait fallu dire "dans la troisième div" pour que cela soit plus compréhensible ^^

    le 13/10/2022 à 09h24

  • Patricio M

    Patricio M Admin

    Merci pour l'info, je vais noter cela.

    le 13/10/2022 à 11h32

  • souetrejeremy-34

    souetrejeremy-34

    Il n'y a littéralement que quand j'essaye de soumettre que l'on m'invente une erreur alors que toutes les accolades nécessaires sont bien là

    le 25/06/2022 à 12h44

  • meriam

    meriam Admin

    Bonjour, il faut supprimer le point-virgule que avez placé aprés l'accolade ouvrante du sélecteur.

    le 28/06/2022 à 11h39

  • souetrejeremy-34

    souetrejeremy-34

    ça n'a aucun sens, aucune erreur n'est indiquée dans la marge du fichier stylesheet.css et le h3 voulu devient rouge avec le code div div div h3 {; color:#ff0000; }

    le 25/06/2022 à 12h43

  • meriam

    meriam Admin

    Bonjour, quand vous ajouté un point-virgule aprés l'accolade ouvrante d'un sélecteur est considéré comme erreur de syntaxe

    le 28/06/2022 à 11h43

  • souetrejeremy-34

    souetrejeremy-34

    Impossible de valider l'exercice avec ce code qui donne pourtant le bon résultat dans l'aperçu : div div div h3 { color:#ff0000; }

    le 24/06/2022 à 21h16

  • meriam

    meriam Admin

    pas de point-virgule aprés une accolade ouvrante d'un sélecteur.

    le 28/06/2022 à 11h46

  • souetrejeremy-34

    souetrejeremy-34

    div div div h3 { color:#ff0000; }

    le 24/06/2022 à 21h14

  • meriam

    meriam Admin

    Bonjour, il faut pas ajouter un point-virgule aprés une accolade ouvrante de chaque structure.

    le 01/07/2022 à 10h23

  • yassinmontpellier-1

    yassinmontpellier-1

    je ne vois pas l'erreur..div div div h3 {color: #ff0000; }

    le 16/02/2022 à 16h02

  • meriam

    meriam Admin

    Juste aprés le 1 er div, il faut supprimer l'espace inutile.

    le 16/02/2022 à 16h21

  • yassinmontpellier-1

    yassinmontpellier-1

    bonjour mon code m'a l'air juste mais on me parle de la regle css

    le 16/02/2022 à 14h40

  • meriam

    meriam Admin

    Bonjour, il vous manque les accolades du sélecteur

    le 16/02/2022 à 15h40

  • cabannes37-15

    cabannes37-15

    mon texte n'est pas en rouge

    le 27/01/2022 à 15h28

  • meriam

    meriam Admin

    cliquez sur le lien reset et refaites l'exercice

    le 27/01/2022 à 15h34

  • madalila-16

    madalila-16

    j'avais pas la fenêtre des liens envoyés

    le 27/01/2022 à 10h29

  • meriam

    meriam Admin

    Bonjour, il vous manque les accoalde du sélecteur div div div h3{ color:#ff0000;}

    le 27/01/2022 à 10h47

  • saidabdallahsaidomar96-24

    saidabdallahsaidomar96-24

    je comprends pas ce qui manque les 3 h3 sont en rouge : div { color: #ff0000; }

    le 02/12/2021 à 15h28

  • meriam

    meriam Admin

    Bonjour, il faut sélectinner le h3 imbriqué dans 3 div ==> div div div h3{ }

    le 02/12/2021 à 15h47

  • elhasnaouimus-7

    elhasnaouimus-7

    Merci de corriger dans l'exercice 'trois div' en 'troisième div'

    le 27/10/2021 à 19h18

  • meriam

    meriam Admin

    Bonjour, l'énoncé est correct, on cherche à sélectionner le titre h2 imbriqué dans 3 div.

    le 28/10/2021 à 10h54

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.

    le 28/10/2021 à 10h58

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>