18041 sujets

Questions générales et questions de débutants

[résolu] CSS : heritage de proprietes prioritaire...

Bonjour à tous,

J'ai un petit souci en CSS concernant l'héritage de propriétés.
J'ai du mal à comprendre la chose suivante :

Avec le code

<html>
<head>
	<style type="text/css">
	p {color: red;}
	.bleu {color: blue;}
	</style>
</head>
<body>
	<p>
	Ceci est le premier paragraphe.
	</p>
	<p class="bleu">
	Ceci est le second paragraphe.
	</p>
</body>
</html>

j'obtiens naturellement un truc qui ressemble à ça :

Ceci est le premier paragraphe.
Ceci est le second paragraphe.


Et avec le code

html>
<head>
	<style type="text/css">
	#contenu p {color: red;}
	.bleu {color: blue;}
	</style>
</head>
<body>
	<div id="contenu">
		<p>
		Ceci est le premier paragraphe.
		</p>
		<p class="bleu">
		Ceci est le second paragraphe.
		</p>
	</div>
</body>
</html>

j'obtiens ça :

Ceci est le premier paragraphe.
Ceci est le second paragraphe.


au lieu d'obtenir la même chose que précédemment... Mais pourquoi donc ? Smiley bawling

Quelqu'un peut-il m'expliquer pourquoi les propriétés du selecteur avec id est prioritaire sur la selection de la classe ?
Comment faire alors si je veux utiliser des selection par classe dans un bloc identifié ?

Merci d'avance...
Modifié par grrreg (22 Dec 2006 - 11:14)
Merci pour la rapidité et l'efficacité de ta réponse.
Je cours lire l'article d'OpenWeb...

Joyeux Noël !
Sujet clos
Aller à