Sélecteur d'adjacence directe et classe

Bonjour,

Je souhaite utiliser le sélecteur d'adjacence directe sur des <td>:

<table id="infos_conseiller">
                <tr>
                    <td class="conseiller">Conseiller&nbsp;: </td>
                    <td>Mr Machin</td>
                </tr>
                <tr>
                    <td class="mail"></td>
                    <td><a href="mailto:truc@truc.fr">truc@truc.fr</a></td>
                </tr>
                <tr>
                    <td class="telephone"></td>
                    <td>61 61 61 61 61</td>
                </tr>

Je souhaite cibler, par exemple, "Mr Machin".
Pas de problème en utilisant

    td + td {
        color: #337ab7;
    }

En revanche, si je veux utiliser la classe "mail", c'est KO:
.mail + td {
color: #337ab7;
}

J'ai même essayé td.mail + td, sans succès...

Est-ce qu'il y a une raison particulière à ça?

Bonjour !

Si, si, ça marche. Le style du lien écrase le style de la cellule.

Bonjour,

Je pense que le problème que tu vois est que ton lien ne prend pas la couleur...

Et c'est normal, les navigateurs donnent une couleur particulière par défaut aux <a> donc deux solutions soit tu utilises pour cette règle là deux sélecteurs :

.mail + td,
.mail + td a { ... }

Soit tu considères que tout tes liens doivent hérités de la couleur de leur parent :

a { color: inherit; }

Merci pour ces retours

Je suis une buse, j'aurais dû tester avec la première cellule ("Mr Machin")...

Sujet résolu!
Bonne journée