CSS層次結構懸停在wordpress中

Question

我正在設計一個通用的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。我準備拉我的頭髮，或者只是從這個階段:(

Answer 1

所有鏈接刪除邊框底部我想通了，加vertical-align:middle修復了它