如何在不使用 javascript 的情况下将跨度设置为看起来像链接的样式？

对于我的网站，我需要使用<span>代替<a>，因为我主要使用 ajax，因此我将 onclick ajax 事件作为跨度中的属性而不是链接。

因此，我必须手动设置跨度的样式，使其看起来像链接。我已经使用悬停和访问伪类来更改背景和文本颜色，但要将鼠标默认更改为悬停时的指针，我需要使用 JavaScript 吗？或者我可以使用 css 来做到这一点吗？

另外，我刚刚意识到：我不能只使用<a>无论如何标记而不是<span>，但我会包含一个 onclick 来代替 href？它应该工作得一样，不是吗？

span {
     cursor:pointer;
     color:blue;
     text-decoration:underline;
}

<a href="#">Hyperlink</a><br />
<span>Span</span>

此外，您可以使用:hover伪类在悬停时设置元素的样式（您可以使用任何样式，而不仅仅是最初使用的样式）。例如：

span:hover {
     text-decoration:none;
     text-shadow: 1px 1px 1px #555;
}