rajouter un style à une lettrine

Bonjour,

Je tente d’appliquer une couleur (différente du style initial) à une lettrine.

Je tourne en rond Deux exemples inefficaces :

<h2 class =" truc">mon texte</h2>

<h2 style ="::first-letter: color: #a98d7b;">texte</h2>

.texte h2::first-letter {

	color: #a98d7b;
	float: left;
	font-size:6em;
	font-weight:bold;
	line-height:0.7em;
	font-family: 'chunkfive', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-weight: lighter;
	margin-left: -10px;
	font-weight: lighter;
	padding-left: 8px;
}

	.truc ::first-letter {
	color: red;
}

Merci beaucoup.

Bonne fin de journée,

P.

Hello PaulLoupSulitzer,

Je ne sais pas si tu as fais gaffe, mais tu as une esapce dans ta classe dans ton premier bout de code. Et tu as également une espace entre ta classe et tes ::first-letter .

J’ai des trucs comme ça chez moi et ça fonctionne parfaitement

.single h3::first-letter {
  color: #b3810c;
}

Si tu veux je publie une url pour que tu puisse tester (mais, je ne sais pas si c’est autorisé)

Salut akiramar548,

Merci pour ta réponse

Alors, avec :

.single h3::first-letter {
  color: red;
}

et

<h2 class= "single">L’explosion</h2>

Rien ne change

Où ai-je pu fauter ?

Merci encore

Tu n’as pas de h3 dans ton exemple.

Tu devrais avoir ça pour que ça fonctionne:

<div class= "single"><h3>L’explosion</h3></div>

Ou alors changer le sélecteur CSS

h2 .single::first-letter{
...
}

Bonsoir akirama548,

Oui, je ne sais pas ce que fait ce <h3>

Forcer la couleur de la lettrine du texte ne change pas, elle reste de la couleur originale déterminée pour ce <h2> . Je désire juste changer la couleur, forcer un léger changement dans le style.

Merci beaucoup

H2, c’est un titre de niveau 2 et h3 titre de niveau 3.

Ce sont des balises différentes. C’est compliqué au début, il faut être minutieux dans les nom, espaces etc…

Oui, j’ai tout rectifié et cette erreur de <h2><h3> n’est due qu’à de l’inattention

et du coup, ça fonctionne maintenant ?

Salut,

Non, toujours pas

Salut! Je vois une erreur d’espacement dans ton code . Supprime l’espace entre .truc et ::first-letter, et cela devrait fonctionner.

Bonsoir GloryH,

Merci pour ta réponse mais il doit y avoir d’autres choses. Rien à faire avec ces méthodes (style ou class).

Je pense avoir tour essayé.

Merci et bonne soirée,

P.

Bonjour,

Je n’ai trouvé comme solution que de dupliquer tous les styles du texte original (je ne voulais que changer la lettrine de couleur).

Bonne journée,

P.

Bonjour ! Dupliquer tous les styles peut être lourd. Mais si ça marche c’est toujours mieux que rien

Le dernier code que tu as partagé est ton code en place ? Car, tu n’as toujours pas enlevé l’espace avant truc dans ta page html/php

Bonjour akiramar548,

Oui, j’ai essayé mais cela ne changeais pas. J’ai refais le changement en l’enregistrant cette fois-ci

Bonne journée.