[résolu] Double sélecteur : comment simplifier ?

Bonjour,

J'essaie d'avoir le code suivant qui s'applique à la fois au h2 et au h2 quand celui-ci a un lien, quand celui-ci est contenu dans un div ayant la class navbar.

ce qui donne ceci :

.navbar h2,.navbar h2 a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-left: 15px;
}

mais dans ce cas-là, le padding est appliqué 2 fois sur le h2 qui a un lien a (donc 30 px au final)

pour arriver à faire ce que je veux, je dois donc l'écrire de cette manière et là çà fonctionne bien comme je veux :

.navbar h2,.navbar h2 a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	
}
.navbar h2 {
	padding-left: 15px;
}

mais j'aimerai faire plus compact.

où est mon "erreur" ?

merci
Modifié par ElMotard (06 Nov 2010 - 14:19)

il n'y a pas d'autre solution alors ?

Bonjour,

si le titre que tu vise contient toujours un lien , ne vise que le lien.
si tu utilise un systeme de template, passe le texte du titre dans un span lorsque pas de lien et vise .navbar h2 a , .navbar h2 span par exemple.

Sinon , si tout tiens toujours sur une ligne, applique un text-indent:15px; , cela ne s'applique pas sur les element de type inline (a), donc pas de doublette .


GC

Hello,

.navbar h2 {
  padding-left: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.navbar h2 a {
  color: inherit;
}

gc-nomade > merci; çà me permet d'aborder via un autre angle. cela me servira.

florent > j'ai pris ta solution et çà marche nickel.

merci à tous les deux