Exercice 11/20

Dans le fichier index.html :

  • Attribuez l'id "intro" au titre h2;
  • Attribuez la class "standout" à la balise h3 et à la balise p;

Dans le fichier stylesheet.css :

  • Appliquez la couleur #b83c3a au sélecteur #intro;
  • Appliquez la couleur #f7ac5f et la police de caractère Verdana au sélecteur .standout;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 11/20

Dans cet exercice, vous allez rassembler vos nouvelles connaissances et utiliser les deux nouveaux sélecteurs .class et #id.

Commentaires les mieux notés

49 Commentaires

  • khadidja

    khadidja

    j'ai réussi#intro{ color: #b83c3a;} .standout{ color: #f7ac5f; font-family: Verdana;}

    le 06/10/2021 à 19h07

  • meriam

    meriam Admin

    trés bien. Bon travail.

    le 08/10/2021 à 12h23

  • essimi.jeffrey

    essimi.jeffrey

    J'ai une erreur "rule is empty" , mais je ne vois pas le problème dans mon code

    le 25/04/2021 à 15h47

  • meriam

    meriam Admin

    Bonjour, vous devez ajouter deux points entre color et le code de couleur.

    le 28/04/2021 à 11h09

  • maximegonzalezbzh-66

    maximegonzalezbzh-66

    Bonjour, Quel est la diference entre id et class ? dans quel situation utilisé id plutôt que class, et inversement ?

    le 07/04/2021 à 13h05

  • meriam

    meriam Admin

    Bonjour, si on veut appliquer un style commun pour différents éléments html, on utilise une classe, par contre si on veut appliquer style unique pour un élément on utilise l'id.

    le 07/04/2021 à 14h06

  • alankerrien-52

    alankerrien-52

    je suis coincé de l'aide svp?

    le 01/04/2021 à 09h12

  • meriam

    meriam Admin

    Bonjour, dans le fichier css, une classe doit être précédée par un point ==>.standout {}

    le 01/04/2021 à 10h13

  • candice.dudit-88

    candice.dudit-88

    Bonjour, je vois pas où est mon erreur

    le 21/03/2021 à 13h40

  • meriam

    meriam Admin

    Bonjour, vous devez supprimer le point-virgule aprés l'accolade fermante du 2ème sélecteur.

    le 22/03/2021 à 10h34

  • kbouloul-68

    kbouloul-68

    #intro: { color: #b83c3a;} .standout: {color: #f7ac5f; font-family: Verdana;}

    le 10/09/2020 à 12h15

  • meriam

    meriam Admin

    Bonjour, il faut supprimer les deux points ":" avant l'accolade ouvrante de chaque sélecteur.

    le 10/09/2020 à 14h30

  • nad35

    nad35

    Annulation: erreur corrigée !

    le 20/09/2018 à 11h12

  • nad35

    nad35

    Bonjour, tout semble normal mais message d'erreur "Vérifiez la syntaxe de la règle CSS pour la couleur du texte du titre <h2>." Je ne comprends pas où est l'erreur. Merci pour votre aide

    le 17/09/2018 à 06h42

  • vfaiola-21

    vfaiola-21

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

    le 24/07/2018 à 16h22

  • mram

    mram Admin

    Bonjour, le code lignes 1 à 3 est inutile.

    le 01/08/2018 à 02h09

  • abid.nadia-2

    abid.nadia-2

    bonsoir idem je ne vois pas ou est l'erreur merci de votre aide

    le 23/05/2018 à 20h39

  • mram

    mram Admin

    Bonjour, dans le CSS il faut mettre : et non =

    le 28/05/2018 à 00h44

  • vaco.real3-59

    vaco.real3-59

    help

    le 27/04/2018 à 13h55

  • mram

    mram Admin

    Bonjour, une majuscule au nom de la police peut-être ?

    le 29/04/2018 à 00h00

  • benebee_benjamin-87

    benebee_benjamin-87

    J'ai trouvé mon erreure désolé

    le 16/03/2018 à 01h47

  • benebee_benjamin-87

    benebee_benjamin-87

    Je ne comprends pas ou est mon erreure on me parle de la synthaxe de h2 ou je ne vois aucune erreure

    le 15/03/2018 à 11h17

  • mram

    mram Admin

    Bonjour, il ne faut pas mettre le nom de la balise comme sélecteur CSS mais utiliser un id.

    le 16/03/2018 à 03h13

  • mohamadoubachirououmar

    mohamadoubachirououmar

    <!DOCTYPE html> <html> <head> <link type="text/css" rel ="stylesheet" href ="stylesheet.css" /> <title>Combiner "class" et "id" </title> </head> <body> <h2 id="intro">Introduction : j'ai un id unique !</h2> <h3 class="standout">Je suis un titre qui a la même class que le paragraphe ci-dessous .</h3> <p class="standout">Je suis un paragraphe qui class que le titre ci-dessus .</p> </body> </html>

    le 07/01/2018 à 11h15

  • mram

    mram Admin

    Bonjour, il y a un espace inutile devant ".standout" .

    le 11/01/2018 à 23h09

  • marcromain77

    marcromain77

    pouvez vous regarder mon cod

    le 28/11/2017 à 09h23

  • mram

    mram Admin

    Bonjour, le caractère # doit être dans le CSS pour correspondre à l'attribut id qui est dans le HTML.

    le 28/11/2017 à 12h36

Pour publier un commentaire, vous devez vous connecter.
stylesheet.css
index.html
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Combiner "class" et "id"</title> </head> <body> <h2>Introduction : j'ai un id unique !</h2> <h3>Je suis un titre qui a la même class que le paragraphe ci-dessous.</h3> <p>Je suis un paragraphe qui a la même class que le titre ci-dessus.</p> </body> </html>
http://localhost:8080