html - 分色超链接

Question

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

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

Answer 1

试着用 <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 中检查 - 似乎在任何地方都可以工作