Question

我正在使用下面的html

<a href=""><div class="logo"><span class="whologo">hyperlinked text </span>
</div></a>

我遇到的问题是，从span文本中删除下划线的唯一方法是使用a:link{text-decoration:none;}，但这会删除整页中所有链接的下划线

我试过了

a.logo:link{text-decoration:none;}

但它不会从span元素中删除超链接。

Answer 1

那里有一个错误的层次结构和错误的元素选择。在您的情况下，最准确的CSS将是：

a div.logo span.whologo {text-decoration:none;}

<小时/> 但我建议采用这种方法：

<div class="logo"><a href=""><span class="whologo">hyperlinked text </span></a>

和CSS：

div.logo a {text-decoration:none;}

或者在需要时包括范围（但只有当span元素具有下划线时，如评论中Hans所指出的那样）：

div.logo a span.whologo {text-decoration:none;}

Answer 2

子项不能使用CSS影响其父项。您需要在A标记上添加ID或类名，或者在树中找到可以为此元素指定的唯一内容。

Answer 3

查看

 <style type="text/css">
    .linkTst{text-decoration:none;} 
    </style>

<div class="logo"><a href="" class="linkTst"><span class="whologo">hyperlinked text </span>
   </a> </div>

Answer 4

首先：这不是有效的HTML ...你应该给你的a一个类或id，否则远程css是不可能的。内联css ...

是可能的

Answer 5

在您不想要下划线

的标签上放一个课程

像这样：http://jsfiddle.net/UL8SW/

Answer 6

给锚标记一个类。

HTML：

<a href="" class='no-underline'><div class="logo"><span class="whologo">hyperlinked text</span>

CSS：

.no-underline {text-decoration: none;}

从超链接div中的链接删除下划线

6 个答案: