[Résolu] Qu'est ce que : div# ?

Bonjour,

J'ai trouvé dans une CSS le bloc suivant :

div#zonerecherche div#libelleservice
{
	float: left;
	margin: 0 0 0 14px;
	padding: 0;
	display: inline;
	color: White;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma, arial, verdana;
	letter-spacing: 1px;
}

Je ne comprend pas à quoi correspond le div devant le #.

Autre exemple que je ne comprend pas :

#menuservices ul li a:hover.mncomp{
	background: #49DD02;
}

Si je décompose cette syntaxe, je comprend que pour le div id="menuservices" toutes les balises ul, li et a: hover prenne le style indiqué, mais à quoi correspond .mncomp après le a:hover ?

merci de votre aide.
Taly
Modifié par Taly (27 Dec 2005 - 16:03)

Salut Taly,

Taly a écrit :
Je ne comprend pas à quoi correspond le div devant le #.

Le # sert à augmenter la priorité du sélecteur.
Tu devrais faire un tour sur le site OpenWeb, il y a un très bon article concernant le fonctionnement des cascades et les priorités des sélecteurs.

Concernant ta 2nde interrogation, tu trouveras ta réponse dans le le tutoriel ci-après .
Modifié par Cygnus (29 Nov 2005 - 22:01)

div#zonerecherche
correspond "au calque ayant pour id zonerecherche"
en mettant seulement #zonerecherche on peut imaginer qu'une balise par exemple p ayant pour id #zonerecherche hérite des mêmes attributs hors je suppose que ce n'est pas ce que tu veux.
Bien entendu la syntaxe est un peu "stupide" étant donné qu'un ID se doit d'être unique. On pourra donc pensé que l'auteur de ta feuille de style à voulu indiqué de quelle balise cela comporté pour une milleur relecture et comprehension de celle ci.

pour ce qui est de : #menuservices ul li a:hover.mncomp{
le background va s'appliquer au lien de classe mncomp onmouseover qui se situe dans la liste de l'élément ayant pour id menuservices

ok merci