Dites, les gens qui font des sites et qui s'y connaissent en css, j'ai une question.

C'est quoi la différence entre par exemple :

.menu a {blah; blah;}
et
a.menu {blah; blah;}

En gros, je viens de découvrir que les deux existaient, et qu'ils ne faisaient pas la même chose... pour l'instant j'en suis au stade où, quand l'un ne fait pas ce que je veux, je mets l'autre, mais j'aimerai bien connaître la différence.

Merci d'avance.

.xxx est une classe qui s'applique a tout tag qui utilise cette classe
a est un tag html

.menu a s'applique donc a toute les balises <a></a> qui dépendent d'un tag ayant la classe menu

<div class="menu">
    <a href="qsdqsd">sdsqdqs</a>
</div>

a.menu ne s'applique qu'aux tags

<a class=menu" href="dfgdfg">dfgdfgdfg</a>

Dernière modification le 25/10/07 à 00:08 par Akshell

.menu a signifie "tous les liens contenus dans des éléments quelconques ayant la classe menu"

là règle va par exemple s'appliquer dans ce cas :

<div class="menu">
<a href="monlien">...</a>
</div>

ou encore :

<p class="menu">
<a href="monlien">...</a>
</p>

voire même :

<div class="menu">
<p>
<a href="monlien">...</a>
</p>
</div>

a.menu signifie "tous les liens ayant la classe menu"

un seul cas donc :

<a class="menu" href="monlien">...</a>

Plus d'infos ici


Sinon pour résoudre ton problème rapidement, tu peux concaténer les deux sélecteurs avec "," :
.menu a, a.menu {blah; blah;}


EDIT : Merci akshell

Dernière modification le 25/10/07 à 09:35 par Cyp

.

Dernière modification le 25/10/07 à 00:23 par Cyp

Merci à vous deux.
je sens que je vais confondre encore longtemps (comme les padding et les margin), mais ça va bien finir par vouloir s'incruster dans ma petite tête...

Dernière modification le 25/10/07 à 01:10 par JustineF

non, code non plus ne permet pas d'escaper le html, obligé de passer par des < et des >

Akshell a écrit
non, code non plus ne permet pas d'escaper le html, obligé de passer par des < et des >

ouip, j'ai vu après coup que c'est bien celle qu'il avait utilisée... j'ai édité...

JustineF a écrit

je sens que je vais confondre encore longtemps (comme les padding et les margin), mais ça va bien finir par vouloir s'incruster dans ma petite tête...

Si tu as encore des doutes à ce sujet, tu peux aller jeter un oeil sur site du w3c. C'est la norme, pas toujours enthousiasmant, mais il y a parfois des schémas pour expliquer et voir la lumière :



Source : url : http://www.w3.org/TR/CSS21/box.html

url : http://www.w3schools.com/

Toutes les bases CCS HTML et autres...

Non, mais je connais ces sites. Je disais juste que pour margin et padding, à chaque fois j'ai besoin de rechercher sur le net, parce que j'arrive pas à m'en rappeler.

Dans padding, il y a deux d comme dans dedans.

CaptNCook a écrit
Dans padding, il y a deux d comme dans dedans.

Ah yes ! Merci.