Я разрабатываю тему WordPress для общего пользования, все текстовые ссылки имеют нижнюю границу, примененную к состоянию при наведении курсора.Когда изображение помещается в сообщение, оно наследует это состояние, которое я, очевидно, не хочу.
Это происходит только в том случае, если в сообщение помещается изображение без выравнивания.Выровненные правое, левое и центрированное изображения помещаются в div, по умолчанию не выровненные изображения помещаются в тег p.
Я не могу получить доступ к этому невыровненному изображению через CSS, вот иерархия HTML, когда изображение публикуется....
<div class="the-post">
<p>
<a href="image.jpg">
<img class="gen-class-name" src="location">
</a>
</p>
</div>
Я устал доступ к нему через CSS с помощью множества различных структур, например
a:hover img
p a img:hover
p img:hover
.the-post p a img.class-name:hover
и установил границу на 0. Я готов квыдерните мои волосы или просто удалите нижнюю границу из всех ссылок на этом этапе: (