分离颜色超链接

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

单词“你好”以任何超链接的颜色显示。 “世界”以＃c0c0c0颜色显示。但是“世界”以超链接的颜色加下划线。使单词“世界”以相同颜色下划线的最佳方式是什么？＃c0c0c0？并在原始超链接中保留单词“你好”的下划线颜色。分离颜色超链接

2012-12-01 user713813

尝试包你最后的话语在<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 - 似乎无处不在

2012-12-01 23:43:47

第一个'span'不是必需的。只要第二个词在自己的下划线中就足够了;那么下划线的颜色由该元素的颜色决定。 ''标签不应该以换行符开头;中断现在会导致空间被渲染，并且下划线具有链接的颜色。 –

@ JukkaK.Korpela谢谢你，你是对的。更新答案只使用一个'span' - 它使标记和样式显着更清晰。但无法重现您提到的换行符问题 - 尽管在每个浏览器中尝试过.. –

回答