Problème d'affichage des couleurs pour les éléments h2 [Résolu]

Signaler
Messages postés
6
Date d'inscription
samedi 17 août 2019
Statut
Membre
Dernière intervention
16 juin 2020
-
 quelqu_3535 -
Bonjour,
J'ai rencontré un problème qui est que je mets une taille et une couleur dans les éléments h2 et la taille change mais pas la couleur.
Pouvez-vous m'aider svp?
Merci d'avance

Voici mon code en:
HTML
<!DOCTYPE html>
<html>
	<head>
		<title>Samson & Hercule Page d'acceuil</title>
		<link rel="stylesheet" href="style.css" />
	</head>
	<body>
		<h1>Samson & Hercule<br /><img src="photos/Logo1.png" alt="logo"/></h1>
		<h2 id = "summary">Sommaire</h2>
		<ol>
			<li><a href="#historyOfDogs">Samson et Hercule</a></li>
			<li><a href="#samson">Samson</a></li>
			<li><a href="#hercule">Hercule</a></li>
		</ol>
		<h2 id="historyOfDogs">1.Samson et Hercule, l'histoire des deux</h2>
		<div class="theirHistory">
			<p><a href="photos/SamsonAndHercule.JPG" alt="The Photo of the both of them" title="N'hésitez surtout pas a cliquer"><img src="photos/SamsonAndHercule2.JPG"/></a><br />Ces deux chiens sont deux mâles d'un croisement entre un <mark>Berger Allemand</mark> et un Berger Belge. Eux deux, ressemblant plus à des Bergers Allemands, nous avons décider d'employer,non Berger Allemand - Berger Belge,mais juste Berger Allemand. Tous deux males, ils sont nés à Wandre(Liège) en Belgique le 5 avril 2019.Ces deux chiens étaient nommés,Potato pour Hercule et Ficelle pour Samson,faisaient partie composée de 4 garçons et une fille.Nous les avons achetés chez quelqu'un qui tenait une genre de "ferme" pour le plaisir pour la somme de 350€ chacun. Eh oui ça fait mal au portefeuille. Avant de les acheter, j'avais beaucoup trop peur des chiens.Le jour où je suis parti les voir, j'étais pétrifié.Leur mère me donnait la chair de poule car elle était très grande.Il y avait aussi les poules qui couraient partout et cela me rendait mal à l'aise mais <strong>SURTOUT</strong> les chiots qui couraient partout autour de moi,qui courent derriere les poules, qui me sentent les pieds,  qui me lègchent les mains.On m'a même incité à les <em>porter devant leur mère</em> sachant que moi,n'y connaissant rien sur les chien, quand je les portais, j'avais peur que leur mère croye que je leur fais du mal, donc qu'elle m'attaque.</br>Passons à la suite!</p>
		</div>
		<h2 id="samson">2.Samson</h2>
		<p>Samson est un chien très spécial. Il nous mordille en croyant qu'il joue avec nous. Mais le truc, c'est qu'il mordille un peu trop fort. Aussi, il ne pense qu'a la nourriture. Ce chien ferait tout pur la nourriture. Vous allez me dire "Ouais ben c'est comme tout les chiens", mais lui, contrairement a Hercule, on lui dit de s'asseoir, si je n'ai pas de nourriture, il ne s'asseyera pas. Bref, Samson n'a pas que des désavantages, mais il a aussi des avantages. Il aime beaucoup jouer avec nous et aussi un bon chien de garde. Aussi, il s'amuse à chasser des rats. Dans le dépôt mais <strong>surtout</strong> dans le parking. Avec lui, on trouve <mark>5 cadavres de rats par jour</mark>.</p>
		<figure>
			<a href="photos/Samson.JPG" alt="hercule'sLinkPhoto"><img src="photos/Samson2.jpg" alt="samson'sPhoto"/></a>
			<figcaption>Photo de Samson qui dort</figcaption>
		</figure>
		<h2 id="hercule">3.Hercule</h2>
		<p>Hercule est un chien un peu trop sérieux... Genre vraiement,il guette <em id="bigProblem">ABSOLUMENT TOUTES</em> les mouches et il devient fou. Et quand il est dans le parking et qu'il voit un étranger à travers la grille, il cours à la vitesse de la lumière pour aboyer dessus. Aussi il creuse dans les plantes. La dernière fois, il a creusé dans le pot du petit cèdre qu'on heureusement réussi à sauver. Mais encore une fois, lui non plus n'a pas que des désavantages. Par exemple, quand Samson fait le fou et qu'il essaye de nous mordiller, lui nous sauve en le calmant. Mais aussi, il <em>adore</em> dormir car il dort tout le temps. Mais il aime beaucoup se faire gratter le torse et se faire caresser.</p>
		<figure>
			<a href="photos/Hercule.JPG" alt="hercule'sLinkPhoto"><img src="photos/Hercule2.jpg" alt="hercule'sPhoto"/></a>
			<figcaption>Photo de Hercule qui dort</figcaption>
		</figure>
		<br />
		<h3><a href="SamsonAndHerculeHelper.html" alt="Link to the second site">Cliquez ici</a> pour accéder au 2ème site du créateur nommé "Je teste."</h3>
		<h3><a href="https://www.instagram.com/jiraya_sama_0" alt="My instagram account">Cliquez ici</a> pour accéder au compte Instagram du créateur.</h3>
		<h3><a href="SamsonAndHerculeHelper.html#car" alt="link to the anchor AideTest.html#car">Cliquez ici </a>pour accéder au  topic le plus important du site "Je teste".</h3>
	</body>
</html>


Et en CSS:
h1
{
    color: orangered;
    font-size: 3em;
    font-family: 'Arial Black', Impact;
}
#bigProblem
{
    color: red;
    font-weight: bold;
}
.theirHistory
{
    color: purple
}
#hercule,#samson,#historyOfDogs,#summary
{
color: black;
}
p
{
    font-size: 1.5em;
}
h2
{
    font-size: 2em;
    color: green;
}

2 réponses

Messages postés
28867
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
3 juillet 2020
2 590
Bonsoir,
h2{
  font-size: 2em;
  color: green !important;
}

Messages postés
6
Date d'inscription
samedi 17 août 2019
Statut
Membre
Dernière intervention
16 juin 2020

Merci beaucoup, ça marche.
Mais peux tu m'expliquer quel était le problème?
Messages postés
28867
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
3 juillet 2020
2 590 >
Messages postés
6
Date d'inscription
samedi 17 août 2019
Statut
Membre
Dernière intervention
16 juin 2020

Il me semble que le "ciblage" par ID est prioritaire
En précisant !important ça le rend "plus important"

ok merci beaucoup