接壤錨文本 - >排除圖像

Question

我想申請一個border-bottom: solid 2px到錨（因爲它看起來比text-decoration: underline好得多，但我想從獲得的無邊框，底部排除錨內的圖像

<a>I have a border</a> 

<a>I have a border too <img src="img.jpg" title="I have no border" /></a> 

我。猜是

a > * { 
    border-bottom: solid 2px; 
} 

a > img { 
    border-bottom: none; 
} 

但由於> *期待錨中的元素，將無法正常工作，它並不適用於原始文本。

Answer 1

我沒有看到一個乾淨的答案，沒有使用span：

HTML

<a>No border<img alt="No border"/><span>Border</span></a> 

CSS

a > span { 
    border-bottom: solid 2px; 
}