html - 删除悬停时的下划线链接

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;}

为什么它不起作用？我把类(class)放错地方了吗？

下面是一个 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/

fiddle 已更新