Question

我正在设计一个常用的wordpress主题，所有文本链接都在悬停状态下应用了border-bottom。当图像被放入帖子中时，它会继承这种状态，我显然不想这样做。

只有在帖子中放置未对齐的图像时才会出现这种情况。右，左，右对齐居中的图像放在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.我已准备好将头发拉出或在此阶段从所有链接中移除边框底部：（

Answer 1

我弄清楚了，添加vertical-align:middle修复了它