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
belespoir38
carolineoliveira.pro-33
BONJOUR, je ne comprends pas ou est mon erreur. pouvez-vous m'aider? merci
laurence.alfonso
Bonjour, quelle est mon erreur ? Merci
pizzutoandrea3
error..aode
28 Commentaires
belespoir38
div div div h3{color: #ff0000;div div div h3} à l'écran ça fonctionne mais l'exercice n'est pas validé ! help pleasele 05/01/2018 à 20h38
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
carolineoliveira.pro-33
BONJOUR, je ne comprends pas ou est mon erreur. pouvez-vous m'aider? mercile 01/02/2018 à 18h06
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
laurence.alfonso
Bonjour, quelle est mon erreur ? Mercile 10/10/2016 à 10h32
pizzutoandrea3
error..aodele 06/06/2017 à 16h35
mram Administrateur
Il ya juste un espace avant le premier "div" dans le CSS...
le 10/10/2016 à 13h28
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
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
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
Ou est l 'erreur svp???div div h3{ color: #ff0000; }le 23/08/2016 à 14h01
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
Bonjour, je ne comprends pas où est mon erreur : div div h3{ color: #ff0000; }le 13/11/2016 à 15h48
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 Administrateur
Ligne 1 il vous manque "h3" dans le sélecteur.
le 12/06/2017 à 14h41
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 Administrateur
Bonjour, il faut mettre la propriété à la ligne.
le 18/10/2017 à 23h41
yurilecomte-94
helple 07/07/2018 à 10h12
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
loic.brandelet-62
moi non plus je ne vois pas l'erreur. ?le 06/04/2018 à 18h28
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
je ne comprends pas où est mon erreurle 18/09/2017 à 19h19
fahad.abdillah
c"est bon j'ai trouvé mon erreurle 18/09/2017 à 19h24
guillot1640-54
Je ne comprends pas mon erreurs j'ai l'impression que le code est bonle 21/02/2018 à 16h17
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
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 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
div div div h3 {color:...}le 17/09/2019 à 14h26
abmms-7
voilà le résultatle 03/12/2018 à 16h43
abmms-7
div div div h3{ color:#ff0000; }le 03/12/2018 à 16h44
div div div h3{color: #ff0000;div div div h3} à l'écran ça fonctionne mais l'exercice n'est pas validé ! help please