html– 有选择地停止文本修饰：在链接标记的子项上加下划线

有人知道是否可以防止标签的子项下划线,同时强调标签内容的其余部分？

这是一个例子 – 你可以看到这个工作在JSFiddle.我已经尝试了我能想到的一切,但文本下划线继续应用于链接内的所有文本.我在Chrome上查看,但我确信这适用于所有浏览器.

a {    Font-size: 32px;               text-decoration: none;}a:hover {    text-decoration: underline;}a div {    color: pink;}a:hover div,a:active div,a:focus div {    text-decoration: none !important;}​

a {    Font-size: 32px;               text-decoration: none;}a:hover span {    text-decoration: underline;}

href="http://news.bbc.co.uk">