[Resolu] Convention de notation avec ou sans div

Bonsoir,

Après avoir lu plusieurs tutoriels je suis en face d'un problème qui n'en est peut être pas un. Lorsque j'ai le code suivant :

<div id="principal">
<h1>titre</h1>
<p>mon texte ici</p>
</div>

Quelle est la différence d'écriture entre :

div#principal {…}

et

#principal {…}

Je n'ai pas la certitude que ce soit différent et même sur certains tutos les deux écritures existes…
Modifié par letoff (01 Jul 2007 - 20:39)

Bonjour aussi,

L'écriture div#id1 permet d'augmenter la spécificité (priorité) par rapport à #id1
C-a-d qu'une propriété appliquée à div#id1 {} prendra le dessus sur la même
propriété appliquée à #id1 {}
Modifié par Hermann (01 Jul 2007 - 19:40)

En l'occurence avec un id il est vrai que la différence est minime.

Par contre, le même exemple avec des classes est plus explicite.

.maClasse { ... }

s'adressera à tous les éléments ayant la classe 'maClasse'.

p.maClasse { ... }

s'adressera par contre uniquement aux paragraphes ayant la classe 'maClasse'.

Merci à vous deux.
Pour Hermann, j'ai édité mon post. Effectivement ça va mieux avec !

Merci je me suis toujours posé cette question, je pensais que sa avais les memes propriétés

GomuSan a écrit :
Merci je me suis toujours posé cette question, je pensais que sa avais les memes propriétés

Si tu souhaites en savoir un peu plus, cet article est incontournable.
Modifié par Hermann (01 Jul 2007 - 20:54)