0

我有一个小问题，不知道如何解决。在我的 HTML 中，我有一个带有“/span”标签的 ahref 标签、一个换行符和一个新的“span”标签。

在我的 css 中，当鼠标悬停时，我有一个类可以使我的 ahref 标签下划线。

一个带有“/span”“br”“span”的ahref标签不会同时下划线......当鼠标悬停在每一行上时，它们只会单独下划线。（下面的演示）

跨度类用于行高调整，以便将事物与相邻上下文正确对齐。

简化的 HTML：

<span class="span1">
    <a href="www.google.com" target="_blank">The Google</a><br/><br/>
    <a href="www.stackoverflow.com" target="_blank">The StackOverFlow</a><br/><br/>
    <a href="www.us.gov" target=_"blank">Important </span><br /><span class="span2"> Information</a></span>

简化的 CSS：

a, a:link, a:active, a:visited{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;    

}

span.span1{
    font-style:normal;  
    font-size:70%;
    line-height: 250%;
}

span.span2{
    font-style:normal;  
    font-size:70%;
    line-height: 100%;

}

有任何想法吗？请看演示：http: //jsfiddle.net/9rFzC/

4

3 回答 3

1

span 仅假设用于内联内容...

删除跨度，并替换为

<div id="whateva">...your links br etc </div>

接着

#whateva:hover { text-decoration: underline; }
于 2013-06-02T15:16:57.443 回答
1

将您的 html 更新为：

<span class="span1">
    <a href="www.google.com" target="_blank">The Google</a><br/><br/>
    <a href="www.stackoverflow.com" target="_blank">The StackOverFlow</a><br/><br/>
    <a href="www.us.gov" target=_"blank"><span>Important </span>

<br /><span class="span2"> Information</span>

</a>
</span>

它应该无缝工作。基本上，修复缺失的<span>和</span>标签。

检查这个小提琴：http: //jsfiddle.net/9rFzC/2/

于 2013-06-02T15:19:13.617 回答
1

您缺少您的第一个标签的开始和结束标签span以及a您的容器的结束标签span.span1。只需添加它们，它就会起作用。你不能这样嵌套它。

您还在那个链接中目标声明错误，下划线是值的一部分。好像是笔误。

于 2013-06-02T15:16:21.107 回答