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

  • carolineoliveira.pro-33

    BONJOUR, je ne comprends pas ou est mon erreur. pouvez-vous m'aider? merci

  • yurilecomte-94

    help

  • laurence.alfonso

    Bonjour, quelle est mon erreur ? Merci

  • pizzutoandrea3

    error..aode

28 Commentaires

  • carolineoliveira.pro-33

    carolineoliveira.pro-33

    BONJOUR, je ne comprends pas ou est mon erreur. pouvez-vous m'aider? merci

    le 01/02/2018 à 18h06

  • mram

    mram Administrateur

    Bonjour, le sélecteur CSS n'était pas bon. Il faut sélectionner uniquement le titre "h3" qui est le plus loin dans l'arborescence.

    le 05/02/2018 à 11h17

  • yurilecomte-94

    yurilecomte-94

    help

    le 07/07/2018 à 10h12

  • mram

    mram Administrateur

    Bonjour, je ne peux pas vous aider avec si peux d'informations.

    Quel message d'erreur avez-vous ?

    le 09/07/2018 à 03h31

  • laurence.alfonso

    laurence.alfonso

    Bonjour, quelle est mon erreur ? Merci

    le 10/10/2016 à 10h32

  • pizzutoandrea3

    pizzutoandrea3

    error..aode

    le 06/06/2017 à 16h35

  • mram

    mram Administrateur

    Il ya juste un espace avant le premier "div" dans le CSS...

    le 10/10/2016 à 13h28

  • mram

    mram Administrateur

    C'est un exemple, pour dire que c'est à cet endroit qu'il faut mettre du code CSS. C'est un commentaire d'aide. SI vous souhaitez ajouter des instructions ou des astuces dans un fichier CSS (pour aider celui qui lit le code) alors il faut les mettre dans des balises de commentaires, c'est tout.

    le 21/05/2017 à 23h20

  • Carine1972

    Carine1972

    Oui, j'avais bien compris le principe de mettre un commentaire et sa syntaxe. Mais utiliser cette syntaxe pour un exemple où on n'a pas à mettre de commentaire, je trouvais ça plus embrouillant qu'autre chose... (Bêtement, j'ai d'abord mis cette syntaxe dans mon css tout en trouvant ça bizarre. Jusqu'à ce que j'enlève slash et asterisque.)

    le 25/05/2017 à 22h06

  • 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

  • florian.marin74350

    florian.marin74350

    Ou est l 'erreur svp???div div h3{ color: #ff0000; }

    le 23/08/2016 à 14h01

  • mram

    mram Administrateur

    Le sélecteur est incomplet. On veut cibler la balise <h3> qui se trouve dans 3 <div> imbriquées.

    le 23/08/2016 à 15h06

  • aminaboumazza

    aminaboumazza

    Bonjour, je ne comprends pas où est mon erreur : div div h3{ color: #ff0000; }

    le 13/11/2016 à 15h48

  • mram

    mram Administrateur

    Et oui, la balise <h3> est imbriquée dans 3 <div> et votre sélecteur CSS n'en a que 2. Donc vous sélectionnez la balise <h3> de niveau supérieur.

    le 14/11/2016 à 18h33

  • mram

    mram Administrateur

    Ligne 1 il vous manque "h3" dans le sélecteur.

    le 12/06/2017 à 14h41

  • viesephora

    viesephora

    bonjour j'ai du mal a comprendre mo code est-ce div div div h3 { color: #ff0000; } ou div div h3 { color: #ff0000; } ? Les deux fonctionne, mon exte apparait en rouge mais il ne veut pas me le valider du à un probleme de syntaxe mais je ne sais pas ou !

    le 13/10/2017 à 16h59

  • mram

    mram Administrateur

    Bonjour, il faut mettre la propriété à la ligne.

    le 18/10/2017 à 23h41

  • belespoir38

    belespoir38

    div div div h3{color: #ff0000;div div div h3} à l'écran ça fonctionne mais l'exercice n'est pas validé ! help please

    le 05/01/2018 à 20h38

  • mram

    mram Administrateur

    Bonjour, le sélecteur est correct mais pourquoi le répéter à l'intérieur des accolades ? C'est inutile et c'est source d'erreur.

    le 07/01/2018 à 02h13

  • loic.brandelet-62

    loic.brandelet-62

    moi non plus je ne vois pas l'erreur. ?

    le 06/04/2018 à 18h28

  • mram

    mram Administrateur

    Bonjour, vous avez des espaces inutiles après l'accolade { . On attend un retour à la ligne directement.

    le 11/04/2018 à 01h10

  • fahad.abdillah

    fahad.abdillah

    je ne comprends pas où est mon erreur

    le 18/09/2017 à 19h19

  • fahad.abdillah

    fahad.abdillah

    c"est bon j'ai trouvé mon erreur

    le 18/09/2017 à 19h24

  • guillot1640-54

    guillot1640-54

    Je ne comprends pas mon erreurs j'ai l'impression que le code est bon

    le 21/02/2018 à 16h17

  • mram

    mram Administrateur

    Bonjour, là vous sélectionnez tous les h3 de la page web et seulement celui qui est imbriqué dans plusieurs "div". Relisez bien les instructions.

    le 25/02/2018 à 01h13

  • carmen.barranco

    carmen.barranco

    Bonsoir, je ne trouve pas la leçon où on apprend à utiliser la balise div...du coup j'ai du mal à comprendre cette leçon...

    le 20/12/2017 à 22h05

  • mram

    mram Administrateur

    Bonjour, la balise "div" s'utilise de la même façon que les autres balises, il n'y a pas vraiment de nécessité à lui consacrer un exercice particulier. Il faut surtout comprendre le principe de l'arborescence d'une structure HTML et les sélecteurs CSS disponibles pour sélectionner une balise HTML dans cette arborescence.

    le 23/12/2017 à 16h45

  • 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