Corrigez ce code CSS

Voici les instructions :

Ouvrez le fichier styles.css.

Ajoutez une règle CSS pour l’élément body qui définit la couleur d’arrière-plan sur #E0E0E2.

Ajoutez une règle CSS pour l’élément h1 qui définit la couleur du texte sur : #721817.

Ajoutez une règle CSS pour l’élément h2 qui définit la couleur du texte sur : #721817.

Ajoutez une règle CSS pour la classe CSS center-text qui aligne le texte au centre.

Ajoutez une règle CSS pour l’élément HTML avec le logo id. Définissez ses marges gauche et droite sur auto et changez son affichage en élément de bloc.

Ajoutez une règle CSS pour tous les éléments span qui sont des enfants des éléments h2 qui définit la couleur du texte sur #FA9F42 et sa taille de police sur 0,75em.

Ajoutez une règle CSS pour l’élément HTML avec l’identifiant copyright. Réglez son remplissage supérieur à 12 pixels et sa taille de police à 0,75 em.

CSS

body{
    background-color:#E0E0E2;
}
h1{
    color: #721817;
}
h2{
    color: #721817;
}
.center-text{
text-align: center;
}
#logo{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#span {
    color: #FA9F42;
    font-size: 0.75em;
}
#copyright {
    padding-top: 12px;
    font-size: 0.75em;
}

Les erreurs qui surviennent sont les suivantes :

xxThe 'NEW' labels within <h2> tags should have a color of '#fa9f42' 
xxThe element with the ID 'copyright' should have a font-size of 0.75em

Ce que j’ai essayé :

J’ai essayé de ressaisir la couleur et de retaper également la taille de police demandée.

Solution 3
Solution 1
Solution 15

Solution 3

Attention : je suis absolument débutant en CSS, mais après quelques lectures, je dirais le sélecteur pour span balises à l’intérieur h2 les balises sont h2 > span. Et donc la règle “Ajouter une règle CSS pour tous les éléments span qui sont des enfants des éléments h2 qui définit la couleur du texte sur #FA9F42 et sa taille de police sur 0,75em.” sera:

h2 > span {color: #FA9F42; font-size: 0.75em;}

Gardez à l’esprit que cela ne sélectionne pas les balises span imbriquées.

Solution 1

Les erreurs vous indiquent exactement ce qui ne va pas. Regardez dans votre CSS et trouvez le descripteur de l’élément h2, puis regardez dans ses propriétés et vous n’aurez pas défini la valeur sur ce qui est attendu.

La même chose est vraie pour le « droit d’auteur ».

Ceci est votre devoir, donc je ne vais pas le corriger pour vous. Si je le faisais, vous n’apprendriez rien.

Solution 15

corps{
couleur d’arrière-plan :#E0E0E2;

}
h1{
couleur : #721817 ;
}
durée h2{
couleur: #721817

}
.center-text{
alignement du texte : centre ;
}
#logo{
marge gauche : auto ;
marge droite : auto ;
bloc de visualisation;
}

h2 > durée {
couleur : #FA9F42 ;
taille de police : 0,75em ;
}
#droits d’auteur {
rembourrage supérieur : 12 px ;
taille de police : 0,75em ;
}