[résolu]Ordre css?

Bonjour!

J'ai un petit problème d'ordre css. J'ai lu la page http://openweb.eu.org/articles/cascade_css/, et après quelques essais, rien.

Voici le code html:

<div id="laUne>
<h1 class="titre">Le dialogue catholique-orthodoxe progresse</h1>
</div>

Mes css sont dans 2 pages différentes:

id="laUne" dans un fichier général placer en premier:

#laUne h1 {
	margin: 0px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 15px;
	color: #0000FF;
	line-height: 22px;
}

et un 2ème fichier (placer en dernier, donc normalement prépondérant):

.titre {
	margin: 0px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 15px;
	color:#000099;
	line-height: 22px;
}

Le problème est que c'est toujours la mise en forme de laUne qui est interprêté alors que je voudrais la class .titre. J'ai essayé de mettre: .titre #id. Mais cela ne fait rien.

Quelle instruction dois-je mettre pour que .titre deviennent plus important (à part le !important).

Merci et bonne journée!

La page: http://www.bregnard.org/spip.php?article1
Modifié par pbpub (10 Oct 2006 - 12:18)

Bonjour,

Je pense que la réponse se trouve là

Il faut rajouter le même attribut title aux 2 balises <link>.

@+
Modifié par Heyoan (10 Oct 2006 - 09:32)

Oui c'est logique, le sélecteur #laUne h1 a plus de poids que .titre, d'où le résultat obtenu, l'ordre dans lequel sont lus les sélecteurs n'a aucune importante (uniquement dans le cas ou les sélecteurs ont un poids égal)

Pour que ta classe .titre soit prise en compte, il faut donc augmenter le poids du sélecteur, par exemple comme ceci :

#laUne .titre
#laUne h1.titre

Pour aller plus loin et bien comprendre cette notion de poids, tu as l'article d'openweb que je te conseille :

http://openweb.eu.org/articles/cascade_css/

Extra

J'avais lu l'article mais pas compris comment le mettre en oeuvre!

Merci!