Question

我正在尝试删除悬停时的下划线以及所有内容，但它似乎无法正常工作。

<a href="agent_user_add.php"><font face="verdana" class="pluslink" style="font-size:26px;">+</font></a>

以下是我的造型

.pluslink a:link {text-decoration:none;} .pluslink a:visited {text-decoration:none;} .pluslink a:hover {text-decoration:none;} .pluslink a:active {text-decoration:none;}

怎么不工作？我把课程放错了地方吗？

下面是一个jsfiddle！

jSfiddle

Answer 1

.pluslink, .pluslink:visited,.pluslink:hover,.pluslink:active {
   text-decoration:none;
 }
<a href="agent_user_add.php" class="pluslink">+</a>

请参阅http://jsfiddle.net/3pTTR/

小提琴更新

Answer 2

您的样式缺少目标，因为名为a的元素中没有pluslink。如果你想专门定位这个a，你必须给它一个类或通过它的父元素定位它。

顺便说一下，<font>是从20世纪90年代开始的，已经过时了。相反，定位a并通过CSS设置字体。

Answer 3

添加：

a.pluslink {
    text-decoration:none;
}

Fiddle

Answer 4

Manish Jangir的回答是有效的，或者如果你喜欢更具体的款式，你可以选择：

a .pluslink {text-decoration:none;}
a .pluslink:visited {text-decoration:none;}
a .pluslink:hover {text-decoration:none;}
a .pluslink:active {text-decoration:none;}

Answer 5

默认情况下，font标记会从其父级继承它的text-decoration属性。在这种情况下，font标记包含在a标记中，默认为text-decoration: underline。

您拥有的CSS适用于a标记，这些标记是具有 pluslink 类的元素的后代。在您的情况下， pluslink 类将应用于字体标记，该标记是a标记的子标记。与你想要的CSS相反。

最简单的解决方案是将font标记移到a标记之外：

jsFiddle

或者，您可以将 pluslink 类应用于a标记，并编辑CSS代码以包含font-size和font-family。 font标记已被弃用一段时间了。这也使您的代码更易于管理。

jsFiddle

在悬停时删除下划线链接

5 个答案: