html - 拆分颜色超链接

Question

<a href='www.stackoverflow.com'>Hello<font color='#c0c0c0'> World</font></a> 

“Hello”一词以超链接的颜色显示。“世界”以#c0c0c0 颜色显示。但是“世界”在超链接颜色中带有下划线。用相同的颜色 #c0c0c0 使“世界”一词下划线的最佳方法是什么？并在原始超链接中保留单词“Hello”的下划线颜色。

Answer 1

尝试将您的最后一句话包装在 a 中<span>并为其应用所需的样式 - DEMO

HTML

<a href='www.stackoverflow.com'>
    Hello <span>World</span>
</a> ​

CSS

a span { color: #c0c0c0; text-decoration: underline; }

检查 IE7-9、Chrome 和 FF - 似乎在任何地方都可以使用