Je suis en train de concevoir un thème de wordpress pour un usage général, tous les liens de texte ont un fond de bordure appliqué à l'état stationnaire. Quand une image est placée dans la poste, elle hérite de cet état, ce que je ne veux évidemment pas.CSS hiérarchique hover dans wordpress
Cela se produit uniquement lorsqu'une image non alignée est placée dans la publication. Alignées à droite, à gauche & Les images centrées sont placées dans un div, les images non alignées sont placées dans la balise p par défaut.
Je ne peux pas accéder à cette image non alignée par CSS, voici la hiérarchie HTML lorsqu'une image est affichée ....
<div class="the-post">
<p>
<a href="image.jpg">
<img class="gen-class-name" src="location">
</a>
</p>
</div>
Je l'ai fatigué, il accéder à travers CSS par un grand nombre de structures différentes, à savoir
a:hover img
p a img:hover
p img:hover
.the-post p a img.class-name:hover
et définir la frontière à 0. Je suis prêt à tirer mes cheveux ou tout simplement enlever le fond de la frontière de tous les liens à ce stade :(
Si disponible, pouvez-vous ajouter un lien vers la page? – melhosseiny