接壤锚文本 - >排除图像

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; 
}