Question

我导入了fontawesome图标。

<script src="https://use.fontawesome.com/e5d9dacb14.js"></script>

接下来，我有一个超链接：

<a href="https://google.nl"> <i class="fa fa-user-o" ></i> Personal Page </a>

此超链接具有令人讨厌的下划线，我尝试按照this answer删除。

为此，我将此添加到我的CSS中。

a.nounderline {text-decoration: none; }

我将超链接更改为：

<a.nounderline href="https://google.nl"> <i class="fa fa-user-o" ></i> Personal Page </a.>

现在。这确实删除了下划线，但它也删除了超链接。 See my jsfiddle

Answer 1

如果您要将代码添加到代码中，请按class="nounderline"

添加

＆＃13;

a.nounderline {
  text-decoration: none;
}

＆＃13;

<a class="nounderline" href="https://google.nl"> <i class="fa fa-user-o"></i> Personal Page </a>

＆＃13;

详细了解html classes和.class selector

Answer 2

a.noundeline代表a，其中nounderline为班级因此，您必须创建一个<a class="nounderline">标记才能使其正常工作。

Answer 3

请参阅下文。您需要将.nounderline定义为CSS中的类。

＆＃13;

.nounderline {
  text-decoration: none;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<a class="nounderline" href="https://google.nl"> <i class="fa fa-user-o"></i> Personal Page </a.>

＆＃13;

Answer 4

您可以将text-decoration: none; css样式用于Anchor标记。如下所示

a.nounderline {text-decoration: none; }

Answer 5

您附加了带有HTML <a>标记的类名，这是错误的。

您需要做的只是将类属性添加到<a>标记中，如下所示：

<a class="nounderline"></a>

<a class="nounderline" href="https://google.nl"> <i class="fa fa-user-o" ></i> Personal Page </a>

Answer 6

对我有用的是：

  a, nameofdiv{

color:black;
text-decoration: none;

}

希望这有帮助

删除超链接下划线也会删除超链接

6 个答案: