Modifier un lien dans une class

Bonjour à tous,


J'ai un petit soucis et je ne trouve la solution.

Voilà je dois ajouter plusieurs fois une boîte dans ma page, je l'aie donc nomée : div class="blabla"

Seulement, dans cette boîte, ce trouve un lien et il m'est impossible de modifier son aspect en CSS.

Je m'explique...

Toutes ces boîtes ce trouve dans une boîte "mère" à qui j'avais déjà modifié l aspect des liens. Si je ne souhaite pas modifier l aspect des liens se trouvant dans les boîtes "blabla", aucun problème, il reprennent l aspect donner à la boîte mère (logique me direz vous).

Mais voilà, je dois modifier l'aspect des liens dans les boîtes "blabla"... et je n'y parviens pas.

J'ai aussi essayé de tracer le chemin dans le nom de la propriété CSS : conteneur > right_box > blabla... mais rien n'y fait.

Est-ce possible de réaliser cette opération ?



Merci à vous.

Connexion a écrit :
Est-ce possible de réaliser cette opération ?

C'est tout à fait possible.

Je pense que tu t'es heurté à un problème de priorité des sélecteurs. En effet, si tu as le code CSS suivant :

div#conteneur a {color: red;}
div.blabla a {color: green;}

et si div.blabla est enfant ou descendant de div#conteneur, alors le deuxième style ne prendra pas car le sélecteur div#conteneur a une priorité plus haute que div.blabla.

Voir l'article suivant : Cascade CSS et priorité des sélecteurs.

Une solution serait d'indiquer :

div#conteneur a {color: red;}
div#conteneur div.blabla a {color: green;}

Le deuxième sélecteur aura ainsi une priorité plus forte.

Mais avant de tester cette solution, ou bien juste après, n'oublie pas de lire l'article indiqué.