[résolu] Précision sur les classes

Bonjour à tous,

Un problème très basique mais que je dois vite résoudre:

j'ai une classe "toto" tel que:

<div class="toto">
		
		<h2>Grumf</h2>
		
		<p>Inopino paulisper cum circumfusus motus muro muro motus ia quaeque venissent sui pertulere opperientes transgressi. </p>
 		

		</div>

Et le css qui s'y rapporte:

.toto{
		float: right;
		width: 450px;
		margin: 20px;
		margin-left: 0px;
		padding: 10px;
		padding-top: 0px;
		
		background: #936060;
		color: #fff;
		text-align: justify;
		font-size: 1.2em;	
	}
		
		h2.toto {
		
			text-align: right;
			
			}

Figurez vous que le "text-align: right;" ne s'applique pas aux h2 de la class toto

Pourquoi ? =)
Modifié par xis (19 Oct 2007 - 17:59)

Salut,

Car ce n'est pas la balise <h2> qui possèdent la classe "toto", ce qui est le cas quand tu fais appel à tes sélecteur ainsi :

h2.toto {...}

En réalité ton <h2> se situe dans un conteneur parent qui possède la classe "toto". Il faut donc l'appeler ainsi :

.toto h2 {...}

ou

div.toto h2 {...}

si tu veux être plus précis.

Une petite révision concernant les sélecteurs en CSS chez yoyodesign et chez floatthatbox.
Modifié par Mikachu (19 Oct 2007 - 16:03)

Merci pour la soluce et pour les sources, il est clair qu'il faut que j'éclaircice certains points

Merci encore !

Salut xis !

Si j'ai bien compris, ton problème est [Résolu] ?

oué, je revenais précisemment pour le préciser