Discussion :

[Papy214]

Bonjour,

Un peu de mal avec les CSS ici :-(
Pour moi ça ressemble à de l'héritage sans en être vraiment.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
        .bigger {
            font-size: 12pt;
        }
        .bigger.b {
            font-weight: bold; 
        }
        .bigger.i {
            font-style: italic;
        }

Le but est de ne pas répéter le font-size.

Première question : Est-ce bien la bonne façon de l'écrire ?

Deuxième question : Est-ce bien comme ça que cela s'utilise ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p class="bigger i">Développement</p>

Merci d'avance de votre aide

[ASCIIDEFOND]

Salut Papy214,

La syntaxe et l'utilisation sont correctes.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<style>
        /* Et si les trois noms de class sont présents*/
         .bigger.i.b {
            font-style: italic;
            font-weight: bold;
        }
</style>
 
<p class="bigger b i">Développement</p>

[Papy214]

Merci pour cette confirmation !

Je me posais cette question parce que, comme pour un autre problème, Outlook n'affiche pas ce que j'attends.
Partout, le texte en "Bigger i" s'affiche bien en italique mais dans l'email qui contient ce HTML, il n'est ps en italique.
Un peu casse-pieds cet Outlook à ne vouloir en faire qu'à sa tête ...

[ASCIIDEFOND]

Et en rajoutant !important à font-style ? https://developer.mozilla.org/en-US/.../CSS/important

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
        .bigger.i {
            font-style: italic !important;
        }

[NoSmoking]

Bonjour,
et en revenant au basique !

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p class="biggeri"><i>Développement</i></p>

[laurentSc]

Faire de la mise en forme en html ???

[Papy214]

Et en rajoutant !important à font-style ? https://developer.mozilla.org/en-US/.../CSS/important

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
        .bigger.i {
            font-style: italic !important;
        }

Pareil ... Je vais sûrement revenir au <i></i> et basta :-)