font-style: normal; ne fonctionne pas

Sujet résolu

3 octobre 2021 à 21:40:25

Bonjour,

J'apprend petit à petit le CSS, je suis sur le sujet du texte mis en gras, italique ou encore souligné.

J'ai créé dans mon code HTML ceci :

<p id="normal"><em>Texte en em annulé via font-style = normal.</em></p>

Pour annuler la mise en forme du texte entre les balise j'ai mis ceci dans mon code CSS :

#normal {
    font-style: normal;
}

Mais quand je consulte ma page sur Safari 15.0 ou la dernière version de Chrome le texte apparaît toujours en italique. Pourquoi ?

J'ai le même résultat avec un texte balisé par associé au CSS font-weight: normal;

Merci par avance,

Julien.

-
Edité par Julien Boubou 3 octobre 2021 à 21:54:54

Lord Morpheus

3 octobre 2021 à 23:36:59

Bonjour,

Tout simplement parce que ton ciblage en CSS doit être plus précis. Tu indiques que ton paragraphe doit avoir un font-style: normal, tu n'indiques pas que dans les éléments de ton paragraphe tu veux que ton texte soit aussi en font-style: normal.

Donc cible ton élément dans ton paragraphe et cette fois ça fonctionnera.

Petit bonus, oublis les id pour le moment tant que tu ne verra pas les interactions avec le javascript. Remplace donc ton id par une class.

Lord Morpheus, Seigneur Morphée, Dieu Grecs des Songes, Fils de la Nuit et du Sommeil

Julien Boubou

4 octobre 2021 à 21:35:07

Merci beaucoup !