Exercice 6/20

  • Dans le fichier stylesheet.css, ajoutez la propriété text-decoration et sa valeur none ainsi que la propriété font-family et sa valeur Cursive uniquement aux liens ‹a› qui sont des enfants de ‹li›
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 6/20

Maintenant que vous avez une meilleure idée de la façon dont les documents HTML sont structurés, il est temps de voir comment faire pour parcourir les branches avec les sélecteurs CSS.

Commentaires les mieux notés

  • sabasdavideric-66

    j'ai réussi mais je n'ai pas trop compris

  • laetitiahenriet-38

    bonjour, je ne comprends quel est le problème de syntaxe :li a { text-decoration:none; font-family:Cursive; } message d'erreur: Vérifiez la syntaxe du sélecteur pour les liens <a> qui sont enfants de <li>.

  • mram Administrateur

    Il n'y a besoin que d'un seul sélecteur CSS "li a" pour appliquer toutes les propriétés.

  • yoan.thicot

    Bonjour, Je sèche sur cet exercice et ne parvient pas à comprendre où se trouve mon erreur dans le code CSS saisi suivant: a { text-decoration: none; font-family: Cursive; } J'ai bien conscience qu'il faille rajouter quelque chose pour prendre en compte la condition : uniquement aux liens ‹a› qui sont des enfants de ‹li› mais je ne vois pas comment faire. Pourriez-vous m'éclairer svp. Merci d'avance

14 Commentaires

  • laetitiahenriet-38

    laetitiahenriet-38

    bonjour, je ne comprends quel est le problème de syntaxe :li a { text-decoration:none; font-family:Cursive; } message d'erreur: Vérifiez la syntaxe du sélecteur pour les liens <a> qui sont enfants de <li>.

    le 24/09/2018 à 08h19

  • meriam

    meriam Administrateur

    Bonojur, votre dernier essai est correcte.

    le 05/10/2018 à 15h21

  • mram

    mram Administrateur

    Il n'y a besoin que d'un seul sélecteur CSS "li a" pour appliquer toutes les propriétés.

    le 08/06/2017 à 11h24

  • yoan.thicot

    yoan.thicot

    Bonjour, Je sèche sur cet exercice et ne parvient pas à comprendre où se trouve mon erreur dans le code CSS saisi suivant: a { text-decoration: none; font-family: Cursive; } J'ai bien conscience qu'il faille rajouter quelque chose pour prendre en compte la condition : uniquement aux liens ‹a› qui sont des enfants de ‹li› mais je ne vois pas comment faire. Pourriez-vous m'éclairer svp. Merci d'avance

    le 18/03/2017 à 23h22

  • yoan.thicot

    yoan.thicot

    J'ai trouvé comment résoudre le problème Merci toutefois

    le 18/03/2017 à 23h24

  • pizzutoandrea3

    pizzutoandrea3

    petite aide

    le 06/06/2017 à 16h43

  • mram

    mram Administrateur

    Et oui, dans votre premier code vous sélectionnez tous les liens, et non pas seulement ceux qui sont dans la liste à puces (ce que vous avez fait ensuite).

    le 21/03/2017 à 17h36

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 05/06/2017 à 01h08

  • belespoir38

    belespoir38

    Please what is wrong ? correction ça se termine par "li a {" mais encore une fois rien n'est validé

    le 06/01/2018 à 08h49

  • mram

    mram Administrateur

    Bonjour, pourquoi répétez-vous "li a" à la fin c'est inutile.

    le 12/01/2018 à 00h47

  • monmonmillet

    monmonmillet

    je ne comprend pas mon erreur code : li a{ text-decoration:none;font-family:Cursive; }

    le 19/09/2017 à 16h03

  • mram

    mram Administrateur

    Bonjour, il faut mettre chaque propriété / valeur sur une seule ligne et il faut un espace avant l'accolade {

    le 20/09/2017 à 15h46

  • kandersonmanuel

    kandersonmanuel

    Bonjour Admin voici mon code: li a{text-decoration:none; font-family:Cursive;}, mais il ne fonctionne pas.

    le 07/11/2017 à 11h50

  • mram

    mram Administrateur

    Bonjour, idéalement il faut mettre chaque couple "propriété: valeur" sur une seule et même ligne.

    le 07/11/2017 à 23h19

  • p.llorca.pl

    p.llorca.pl

    je ne comprends quel est le probleme de syntaxe

    le 14/06/2017 à 16h16

  • mram

    mram Administrateur

    Bonjour, il ne faut pas mettre le * dans le sélecteur CSS et le sélecteur doit commencer en début de ligne (pas d'espace devant).

    le 21/06/2017 à 14h02

  • p.llorca.pl

    p.llorca.pl

    n'ayant pas de réponses je vais me diriger vers un autre site

    le 14/06/2017 à 16h30

  • mram

    mram Administrateur

    Désolé, suite à la mise à jour du 14 Juin, le système de support des commentaires n'était plus actif. C'est revenu à la normale en ce début de semaine. Toutes nos excuses pour ce désagrément.

    le 21/06/2017 à 14h04

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Se déplacer de branche en branche</title> </head> <body> <a href="https://3wa.fr/">3WAcademy</a> <ul> <li> <a href="https://3wa.fr/la-formation-developpeur-php/">3WA : la formation</a> </li> <li> <a href="https://3wa.fr/les-entreprises/">3WA : les débouchés</a> </li> <li> <a href="https://3wa.fr/formation/">3WA : le métier</a> </li> </ul> </body> </html>