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

104 Commentaires

  • viper-art-3

    viper-art-3

    Bonjour j'ai un problème avec ce message "Vérifiez les balises ouvrantes et fermantes de votre balise h1" je ne comprend pas d'où vient l'erreur.

    le 23/06/2022 à 09h22

  • meriam

    meriam Admin

    Bonjour, vous avez modifié le code html?

    le 23/06/2022 à 11h16

  • meriam

    meriam Admin

    il vous manque la balise fermante de chaque élément ainsi que le contenu.

    le 23/06/2022 à 11h17

  • meriam

    meriam Admin

    Cliquez sur le bouton reset pour récupérer le code initial et refaites l'exercice.

    le 23/06/2022 à 11h17

  • labelsartek-1

    labelsartek-1

    .newColor1 { color : #ff0000; } .newColor2 { color : #0000ff; }

    le 06/06/2022 à 22h22

  • meriam

    meriam Admin

    Rebonjour, le code du fichier css est correct, il faut corriger la valeur de l'attribut class du titre h2 au niveau du fichier css.

    le 07/06/2022 à 13h33

  • labelsartek-1

    labelsartek-1

    Je suis bien bloqué et dans l'incompréhension face à cet exercice

    le 06/06/2022 à 22h21

  • meriam

    meriam Admin

    Bonjour, au niveau du titre de niveau h2, il faut corriger la valeur de l'attribut class, il faut respecter les valeurs demandées par l'énoncé de l'exercice.

    le 07/06/2022 à 13h32

  • sullyvan.marivat-26

    sullyvan.marivat-26

    Bonjour, j'ai bien respecté le code mais ça ne fonctionne pas

    le 30/05/2022 à 14h04

  • meriam

    meriam Admin

    Bonjour, il faut supprimer le point que avez ajouté avant l'attribut class au niveau du fichier html.

    le 30/05/2022 à 15h31

  • borz

    borz

    Bonjour, je ne comprends pas mon erreur

    le 19/05/2022 à 23h44

  • meriam

    meriam Admin

    Bonjour, newColor est une classe et pas une pseudo-classe

    le 20/05/2022 à 13h55

  • meriam

    meriam Admin

    La syntaxe d'un slecteur de type classe ==> .newColor {}

    le 20/05/2022 à 13h56

  • Deborah.tarbouriech-36

    Deborah.tarbouriech-36

    je ne comprend pas mon erreur

    le 04/12/2021 à 09h09

  • meriam

    meriam Admin

    Bonjour, il faut vérifier le nom de la classe: newColor1 et newColor2

    le 06/12/2021 à 15h07

  • peche.melodie-45

    peche.melodie-45

    Bonjour, je suis en quelque sorte bloquée depuis plusieurs exercice avec un soucis au niveau du DOCTYPE. Le message d'erreur n'inscrit que :Votre balise DOCTYPE est incorrecte. Avez-vous écrit ceci : < !DOCTYPE html > ? alors que je ne touche pas à la balise doctype. Je ne comprend pas ...

    le 27/11/2021 à 11h49

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 23h33

  • Etienne.D

    Etienne.D

    Bonsoir, je bloque, je comprend pas pourquoi mon code n'est pas correcte alors qu'il s'affiche correctement. :<h1 class="newColor1"><p class="newColor2"><h2 class="newColor1"><p class="newColor2">h1,h2.newColor1&#123; color:#ff0000; } p.newColor2&#123; color:#0000ff; }

    le 09/03/2021 à 17h11

  • meriam

    meriam Admin

    Bonjour, dans le fichier css, il suffit d'écrire les noms des classes.

    le 10/03/2021 à 14h07

  • pompele.sandrine-26

    pompele.sandrine-26

    bonjour, pouvez-vous m'aider?

    le 17/02/2021 à 14h18

  • meriam

    meriam Admin

    Bonjour, il faut insérer l'attribut class à l'intérieur de la balise h1 et non pas à l'intérieur de span (de même pour p et h1)

    le 18/02/2021 à 12h11

  • meriam

    meriam Admin

    supprimez la balise span, ce n'est pas demandée par l'énoncé

    le 18/02/2021 à 12h11

  • binosspvp-88

    binosspvp-88

    je suis énervé

    le 05/01/2021 à 12h25

  • meriam

    meriam Admin

    Bonjour, c'est quoi votre problème ?

    le 06/01/2021 à 15h07

  • incagnoli.gregory-88

    incagnoli.gregory-88

    Il me manque la règle css pour les classes newColor alors que j'ai respecter à la lettre le code demandé

    le 03/12/2020 à 12h49

  • meriam

    meriam Admin

    Bonjour, vous devez placez deux points ":" entre une propriété css et la valeur ==> exemple .newColor1 { color : #ff0000;}

    le 03/12/2020 à 12h53

  • loutchay-74

    loutchay-74

    Bonjour, là, j'avoue que je saisi pas très bien lorsque le correcteur affiche: Il vous manque la règle css pour la classe newColor1

    le 09/08/2020 à 21h13

  • meriam

    meriam Admin

    Bonjour, le sélecteur de type classe doit être précédé par un point "." --> .newColor1 { }et .newColor2{ }

    le 10/08/2020 à 06h37

  • manuel.valenti-66

    manuel.valenti-66

    Bonjour je ne comprends pas mon erreur...

    le 08/04/2020 à 04h58

  • meriam

    meriam Admin

    Bonjour, les classes demandées sont : newColor1 et newColor2 ( remplacez la lettre N par n).

    le 08/04/2020 à 09h56

  • 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 à 07h14

  • meriam

    meriam Admin

    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 à 08h29

  • karasadwali-99

    karasadwali-99

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

    le 17/12/2018 à 00h10

  • meriam

    meriam Admin

    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 à 07h21

stylesheet.css
index.html
<!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>