此链接内的链接和跨度的文本装饰

我有类似的链接：

<a href="#">Link text<span>Link sub-text</span></a> 

悬停时，我需要跨度内的文本不带下划线装饰（但主链接文本是）。是否可以？ 我试过了：

a:hover span {text-decoration:none;}

这是行不通的。

有什么解决办法吗？

在里面添加链接文本（你想要用下划线装饰的文本）<span>以及外部的子文本作为普通链接文本，例如：
<a href="#"><span>Link text</span>sub-text</a>

要装饰链接文本，请使用：

a:hover {
  text-decoration:none;
} 
a:hover span {
  text-decoration:underline;
}