Exercice 17/20

  • Dans le fichier index.html, ajoutez l'attribut class avec la valeur newColor1 pour les titres et la valeur newColor2 pour les paragraphes;
  • Dans le fichier stylesheet.css, attribuez le sélecteur de class newColor1 et attribuez au texte la couleur #ff0000;
  • Dans le fichier stylesheet.css, attribuez le sélecteur de class newColor2 et attribuez au texte la couleur #0000ff;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 17/20

Cet exercice est un rappel sur le sélecteur "class". Il permet d'attribuer un même style à différents éléments (que ce soit à un titre, un paragraphe, un lien ou un tableau).

Commentaires les mieux notés

  • helene.andrieu-85

    Je ne comprends pas ça marche et il me dit que l'exercice n'est pas bon :Vérifiez la syntaxe du sélecteur pour les titres <h1> et <h2>. Vérifiez la syntaxe du sélecteur pour les deux paragraphes <p>.

  • lutin-lindsay-40

    je suis bloquée je ne vois pas mon erreur.Peux-ton m'aider svp Merci

  • mram Administrateur

    Vos sélecteurs sont corrects. C'est juste une question de syntaxe : on demande à ce que la première accolade soit sur la même ligne que le sélecteur.

  • mram Administrateur

    Dans le CSS il ne faut pas utiliser # car ce n'est pas un "id" mais une "class" .

34 Commentaires

  • helene.andrieu-85

    helene.andrieu-85

    Je ne comprends pas ça marche et il me dit que l'exercice n'est pas bon :Vérifiez la syntaxe du sélecteur pour les titres <h1> et <h2>. Vérifiez la syntaxe du sélecteur pour les deux paragraphes <p>.

    le 13/02/2018 à 10h50

  • mram

    mram Administrateur

    Bonjour, oui ça marche, c'est au niveau de l'écriture qu'il y a moyen de faire plus propre afin de mieux distinguer les blocs de déclarations CSS.

    le 15/02/2018 à 23h37

  • mram

    mram Administrateur

    Vos sélecteurs sont corrects. C'est juste une question de syntaxe : on demande à ce que la première accolade soit sur la même ligne que le sélecteur.

    le 28/11/2016 à 15h48

  • mram

    mram Administrateur

    Dans le CSS il ne faut pas utiliser # car ce n'est pas un "id" mais une "class" .

    le 01/04/2017 à 10h55

  • y.c13

    y.c13

    "Il permmet d'attribuer" Qu'un seul "m".

    le 05/03/2016 à 02h45

  • julien.hzt

    julien.hzt

    Bonjour, j'ai du mal à saisir l'erreur que je fais sur la syntaxe des sélecteurs... Une piste?

    le 25/11/2016 à 15h21

  • mram

    mram Administrateur

    Merci, c'est corrigé et ce sera mis à jour prochainement.

    le 12/03/2016 à 01h46

  • salde

    salde

    Je suis bloquée sur la syntaxe. Pouvez-vous m'aider ?

    le 27/03/2017 à 11h25

  • patricerameaux

    patricerameaux

    le résultat est bon mais il refuse la syntaxe ! qu'y a-t-il ?

    le 26/09/2016 à 15h31

  • mram

    mram Administrateur

    C'est normal, regardez bien la syntaxe des sélecteurs dans l'énoncé...

    le 28/09/2016 à 21h00

  • ezzeddineh

    ezzeddineh

    Bonjour , je suis bloqué dans cette exercice , est ce une erreur de ma part ou un beug?

    le 23/11/2016 à 08h38

  • mram

    mram Administrateur

    Oui il y a une erreur dans index.html : vous mettez les class newcolor1 et newcolor2. Il faut un "C" majuscule car c'est ce qu'il y a dans le fichier CSS. Donc là forcément ça peut pas faire le lien entre les 2 fichiers. Attention à la syntaxe donc.

    le 24/11/2016 à 13h07

  • ou.broly-83

    ou.broly-83

    Bonjour je ne comprends pas pourquoi il m'envoie ce message:"Vérifiez la syntaxe du sélecteur pour les titres <h1> et <h2>.,Vérifiez la syntaxe du sélecteur pour les deux paragraphes <p>

    le 21/07/2018 à 18h38

  • mram

    mram Administrateur

    Dans le CSS il n'y a pas besoin de mettr le nom des balises vu que vous utilisez des class CSS.

    Avez-vous compris le principe des class en CSS et leur utilité ?

    le 01/08/2018 à 05h04

  • ant.villard-11

    ant.villard-11

    bonjour, je rame... certainement du a un problème imbrication ou autre?

    le 22/03/2018 à 12h34

  • mram

    mram Administrateur

    Bonjour, les sélecteur CSS sont trop compliqués. Pourquoi mettre le nom des balises devant, la classe suffit ici.

    le 24/03/2018 à 05h55

  • lisa.dutour-63

    lisa.dutour-63

    Bonjour, je ne comprends pas mon erreur. Pourquoi y a t-il besoin de deux éléments "color: #ff0000" ? J'ai l'impression qu'un seul peut suffire pour changer la couleur des deux titres.

    le 06/08/2018 à 14h53

  • mram

    mram Administrateur

    Bonjour, relisez bien, ce n'est pas le même code couleur.

    Mais si c'était le cas en effet votre observation serait pertinente.

    le 13/08/2018 à 03h32

  • vfaiola-21

    vfaiola-21

    hello, je ne vois pas mon erreur ;-) merci d'avance

    le 25/07/2018 à 15h44

  • mram

    mram Administrateur

    Bonjour, dans le CSS il manque le . devant le nom des class.

    le 01/08/2018 à 06h12

  • franckferdinand-84

    franckferdinand-84

    Bonjour Mram, j'ai une question toute bête qui me vient en tête, -en dehors de cet exercice bien sur- on peut écrire ce que l'on veut entre les guillement de class=".." si j'ai bien compris ? C'est une sorte d'indicateur de la modification que l'on va faire c'est ca ? On pourrait mêttre class="newpolice" etc etc n'est-ce pas ?

    le 14/03/2018 à 03h30

  • mram

    mram Administrateur

    Bonjour, oui on met le nom que l'on souhaite. Idéalement il faut qu'il soit explicite et reflète ce que ça va faire aux balises auxquelles on applique la class. Mauvais exemple : class="test" . Bon exemple : class="titre-principal" ...

    le 16/03/2018 à 05h09

  • bobjecode

    bobjecode

    bonjour, du mal a voir d'ou vient l'erreur.

    le 24/09/2017 à 17h32

  • mram

    mram Administrateur

    Bonjour, pourquoi mettez-vous deux fois les propriétés "color" dans le CSS ? L'erreur vient de là .

    le 25/09/2017 à 17h43

  • dmjolison40

    dmjolison40

    Bonjour, je suis bloqué et je ne vois pas mon erreur, savez-vous m'aider s'il vous plait ? merci

    le 09/04/2018 à 05h06

  • mram

    mram Administrateur

    Bonjour, attention à la différence entre la lettre O et le chiffre 0 .

    le 11/04/2018 à 05h43

  • v.lemasle-3

    v.lemasle-3

    Bonjour, je suis bloqué sur ce point et je ne comprends pas mon erreur le message suivant s'affiche " Vérifiez la syntaxe de la règle CSS pour la couleur du texte des deux paragraphes <p>.,Vous devriez avoir 2 éléments html avec la règle CSS "color: #0000ff"." alors que si je regarde mon code html tout est bien codé de mon point de vue. Merci d'avance

    le 13/06/2018 à 21h34

  • mram

    mram Administrateur

    Bonjour, non il y a une erreur. Comparez les lignes 2 et 6.

    le 19/06/2018 à 04h38

  • yoannmartinez-72

    yoannmartinez-72

    bonjour, je comprend paq mon erreur h1, h2.newColor1{color:#ff0000;} p.newColor2 {color:#0000ff;} ça s'affiche bien et c'est défini par les class, pouvez vous m'éclairer svp.

    le 02/03/2018 à 16h36

  • mram

    mram Administrateur

    Bonjour, l'accolade } doit être sur une ligne à part.

    le 05/03/2018 à 03h57

  • mehdi_chabani-51

    mehdi_chabani-51

    Je comprend pas pourquoi le correcteur ne valide pas mes exercises, pourtant c'est simple je suis les exos a la lettre mais ca foire, je sais pas si c'est moi le problème ou si le correcteur vois des choses que je ne vois pas je sais mais je perd tellement de temps des fois sur certain exercises a essayer de comprendre le pourquoi du comment, c'est parfois pas évident

    le 09/01/2019 à 09h14

  • meriam

    meriam Administrateur

    Bonjour, il faut utiliser newColor1 et newColor2 (c en majuscule), il suffit de suivre le nom de la classe écrit dans la partie énoncé.

    le 11/01/2019 à 10h29

  • karasadwali-99

    karasadwali-99

    je ne comprends pas pourquoi ca ne marche pas ?????

    le 17/12/2018 à 02h10

  • meriam

    meriam Administrateur

    Vous devez utiliser uniquement les classes .newColor1 et .newColor2, le style appliqué à .newColor1 va être appliqué sur les titres et  le style appliqué à .newColor2 va être appliqué sur les paragraphes.
    

    le 17/12/2018 à 09h21

  • boidecTanguy

    boidecTanguy

    Bonjour je bloque complétement !

    le 10/10/2017 à 11h42

  • mram

    mram Administrateur

    Bonjour, vous avez juste fait une erreur de frappe, c'est un "n" minuscule pour le nom des classes CSS.

    le 12/10/2017 à 16h12

  • boidecTanguy

    boidecTanguy

    C'est réglé

    le 11/10/2017 à 16h46

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Rappel : le sélecteur "class"</title> </head> <body> <h1>Je suis un titre h1</h1> <p>Je suis un premier paragraphe.</p> <h2>Je suis un titre h2</h2> <p>Je suis un deuxième paragraphe.</p> </body> </html>