Discussion :

[rjl]

Bonjour,
Je ne m'y retrouve pas avec les pseudo-classes entre HTML et CSS !
Je désire mettre la première lettre de paragraphe en valeur peu m'importe dans un premier temps son design car c'est le principe que je perçois mal !
J'ai donc mis en HTML

Code :

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

1
2
3
<p style="text-align: justify; font-weight: normal;"
 class="accueil2"><big><big><big
 class="first-letter">A travers notre site, ...

avec en CSS

Code :

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

.firstletter:first-letter {color:red; font-size:25px; }

Ca ne marche pas plus que mes précédents essais !
Merci de m'indiquer ce qui ne tient pas la route dans mon application.
@bientôt RJL0923

[Deallyra]

Bonsoir,

Le sélecteur de feuille de style css first-letter permet de spécifier des propriétés de feuille de style css pour la première lettre d'un élément de type bloc.

<big> est un élément de type inline et non block.

[rjl]

Bonjour
Merci de ta réponse car, je n'avais pas intégré la notion de bloc ou inline à propos de first-letter. C'est au moins une erreur supprimée !
J'ai donc corrigé en utilisant un div ce qui donne

Code :

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

1
2
3
4
5
</p>
<div class="first-letter">A travers notre site, <span
 style="font-weight: bold;">16 500 adhérents
des Côtes d'Armor, vous accueillent parmi les 144 clubs
fédérés.</span></div>

toujours avec la même CSS

Code :

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

.firstletter:first-letter {color:red; font-size:25px; }

C'est superbe le Forum... En réexpliquant ma situation, j'ai perçu le petit trait-d'union présent dans le HTML (référence de la CSS) mais pas dans la CSS (voir premier message) !
Je l'ai donc corrigé et ça fonctionne !
Un grand merci pour cette aide à double détente (pb span/div puis erreur de référence).
@+ RJL0923