悬停时删除下划线链接

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>是1990年代的，已经过时了。 相反，定位a并通过CSS设置字体。

Answer 3

加：

a.pluslink {
    text-decoration:none;
}

小提琴

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 tag中，默认为text-decoration: underline 。

你有CSS应用到a标签是与类pluslink元素的死者。 在您的情况下， pluslink类将应用于font标签，它是a标签的子元素 。 您要使用的CSS相反。

最简单的解决办法是让你移动你的font标记的外a标签：

jsFiddle

或者，你可以应用pluslink类的a标签，并编辑你的CSS代码，包括字体大小和字体家族。 font标签已经过时了一段时间。 这也使您的代码更易于管理。

jsFiddle