html - 如何在没有元素符号的文本下划线

Question

有没有办法只在(未)排序的列表中为文本加下划线？具体来说，比如说，我有一个菜单，内联显示，没有元素符号，其中每个元素都是一个链接。这些链接没有加下划线，但当用户将鼠标悬停在它们上面时，它们会加下划线。然后他们用看不见的要点加下划线，这让我很烦。有没有办法只在文本下划线？

答案:事实证明，我的问题不在于子弹。而且，它是如此愚蠢，以至于我现在对这个问题感到羞耻。我以为我记得编码的所有内容，但事实证明我有一个  列表项出于某种奇怪的原因之前。我保持原样，但改变了 :hover 对 <a> 的作用。标记到 <span>带有围绕文本的“悬停”类的标签，省略了   .现在一切都很好，我只得到下划线的文本。感谢@Ken Clark 指出 <span> “把戏”。

Answer 1

从 a:hover 和内部链接中删除下划线将您的文本放在一个跨度中，并为该跨度提供下划线样式:示例:

<style>
.anchor
{
    text-decoration:none;
}

.anchor:hover
{
    text-decoration:none;
}
.spnItem:hover
{

    text-decoration:underline;
}
</style>
<a href="#" class="anchor"><span class="spnItem">Item</span> </a>