Exercice 15/20
- Dans le fichier
stylesheet.css, attribuez la policeTahomaau second paragraphe; - Attribuez la couleur
#cc0000au troisième paragraphe; - Attribuez la couleur de fond du quatrième paragraphe à
#00ff00; - Attribuez la taille de la police du cinquième paragraphe à
2em; - Cliquez sur soumettre ma réponse pour vérifier vos résultats;
Leçon 15/20
En fait, vous pouvez sélectionner n'importe quel enfant d'un élément parent en utilisant le sélecteur de pseudo-classe :nth-child(x) où "x" correspond à la place de l'enfant dans la descendance de l'élément parent.
Par exemple :
p:nth-child(2) {
color: red;
}
Cela va sélectionner les paragraphes p qui sont le deuxième enfant de leur parent.
L'élément représentant l'enfant que l'on veut sélectionner est spécifié juste avant :nth-child. Dans l'exemple ci-dessus, l'élément ciblé est un p. Son élément parent est celui qui le contient.
89 Commentaires
-
charlesprat777-89
j'ai lu dans les commentaires qu'il ne faut pas mettre div mais p comme selecteur , sauf que au rendu avec p rien ne change , du coup je ne comprend pas mon erreur , le bot me dit que je n'ai pas la regme pour le 2eme p , mais pourtatn dans mon code il y est et au rendu cela est bon ...le 05/03/2023 à 06h22
-
Patricio M Admin
Charles, dernier code OK... pose les questions sur Discord, c'est plus rapide ;)
le 06/03/2023 à 07h48
-
konemamoudou84-97
c'est ok il ne faut pas de majusculele 18/05/2022 à 14h36
-
meriam Admin
N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.
le 18/05/2022 à 16h10
-
konemamoudou84-97
bonjour pouvez m'aider svp, il est ou l'erreur ?p:nth-child(2){ font-family: Tahoma; } p:nth-child(3){ color: #cc0000; } P:nth-child(4){ background-color: #00ff00; } p:nth-child(5) { font-size: 2em; }le 18/05/2022 à 14h31
-
meriam Admin
Bonjour, le 3 ème sélecteur doit être en miniscule.
le 18/05/2022 à 16h08
-
b.bouveur-67
bonjour je suis sur cet exo et je ne comprends pas mon erreur.merci d'avance pour votre reponse.p:nth-child(2) { font-family: Tohama; } p:nth-child(3) {color: #cc0000; } p:nth-child(4) { background-color: #00ff00; } p:nth-child(5) { font-size: 2em; }le 18/03/2022 à 15h55
-
meriam Admin
Bonjour, vous devez modifier la police de 2 ème par Tahoma.
le 23/03/2022 à 11h09
-
Huseyin
résolule 03/02/2022 à 15h40
-
meriam Admin
trés bien , bon travail :)
le 03/02/2022 à 23h32
-
Huseyin
résolule 03/02/2022 à 15h39
-
meriam Admin
Trés bien,n'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.
le 03/02/2022 à 23h32
-
Huseyin
Je ne trouve pas où est mon erreur.le 02/02/2022 à 14h53
-
meriam Admin
Bonjour, vous devez remplacer la propriété css color par la propriété background-color de la quatrième balise p enfant de div
le 03/02/2022 à 09h11
-
bertrand.evrard-14
p:nth-child4le 06/01/2022 à 10h27
-
meriam Admin
Bonjour, il faut attribuez la couleur de fond du quatrième paragraphe à #00ff00, pour la couleur de fond vous devez utiliser la propriété background-color.
le 06/01/2022 à 10h40
-
meriam Admin
Pour le 1 er sélecteur, il faut écrire toutes les lettres de la propriété font-family en miniscule.
le 06/01/2022 à 10h41
-
Deborah.tarbouriech-36
je ne comprend pas mon erreurle 03/12/2021 à 13h05
-
meriam Admin
Bonjour, le 2 ème sélecteur il faut séparer la propriété:et la valeur ==>p:nth-child(3) { color:#cc0000; }
le 08/12/2021 à 12h22
-
Deborah.tarbouriech-36
p:nth-child(2) { font-family:Tomaha; } p:nth-child(3) { color#cc0000; } p:nth-child(4) { color:#00ff00; } p:nth-child(5) { font-size:2em; }le 03/12/2021 à 13h01
-
meriam Admin
Bonjour, pour le 1 er sélecteur, vous devez corriger la police d'écriture par Tahoma. Pour le 2 ème sélecteur, vous devez ajouter les deux points entre la propriété et la valeur.
le 08/12/2021 à 12h19
-
bilismira-75
Je ne comprend pas mon erreur icile 20/06/2021 à 16h33
-
meriam Admin
Bonjour, vous devez Attribuer la couleur de fond du quatrième paragraphe à #00ff00 en utilisant la propriété background-color.
le 21/06/2021 à 03h04
-
ahmed.krifa-60
je ne comprends pas d'où vient le problème??!le 02/04/2021 à 00h45
-
meriam Admin
Bonjour, la pseudo-classe que avez utilisé n'est pas correct, utilisez :nth-child() au lieu de :ntch-child()
le 02/04/2021 à 08h02
-
saphyr69400-42
Bonjour. mon Code :p:nth-child(2){font-family:Tahoma;} p:nth-child(3){color:#cc0000;} p:nth-child(4){color:#00ff00;} p:nth-child(5){font-size:2em;} Je ne comprends pas mon erreur.le 30/03/2021 à 15h01
-
meriam Admin
Votre code est correct.
le 30/03/2021 à 22h22
-
candice.dudit-88
Bonjour quelle est la différence entre l'utilisation de p:nth-child et le sélecteur div ?le 21/03/2021 à 14h16
-
meriam Admin
Bonjour, avec le sélecteur nth-child vous pouvez sélectionner un élément selon sa position.
le 22/03/2021 à 10h37
-
mahmoudsar-31
Bonjour je ne trouve pas mon erreurle 18/03/2021 à 11h27
-
meriam Admin
placez le sélecteur div p par p
le 18/03/2021 à 15h14
Commentaires les mieux notés