html - 如何在不使用 javascript 的情况下将 span 设置为看起来像链接？

Question

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

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

此外，我刚刚意识到:我不能只使用 <a>仍然标记而不是 <span> ，但我会包含一个 onclick，而不是 href？它应该可以正常工作，不是吗？

Answer 1

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;
}