ハイパーリンクを削除するとハイパーリンクも削除されます

Question

フォントワームのアイコンをインポートします。

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

このハイパーリンクは、私がthis answerに従うことによって削除しようと迷惑な下線を、持っている：

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

次に、私はハイパーリンクを持っています。

これを行うには、これを私の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"

a.nounderline { 
 
    text-decoration: none; 
 
}

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

でそれを追加html classesと.class selector

Answer 2

a.noundeline詳細を読むためのnounderlineを持ってaを表し、クラス。
したがって、動作させるには<a class="nounderline">タグを作成する必要があります。

Answer 3

以下を参照してください。 CSSのクラスとして.nounderlineを定義する必要があります。

.nounderline { 
 
    text-decoration: none; 
 
}

<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.>

Answer 4

あなたはアンカータグのtext-decoration: none; CSSスタイルを使用することができます。

a.nounderline {text-decoration: none; } 

Answer 5

以下のように、あなたは間違っているHTML <a>タグとクラス名を添付しています。あなたが何をする必要があるか

はちょうどこのようなあなたの<a>タグにクラスのプロパティを追加します：

a, nameofdiv{ 

color:black; 
text-decoration: none; 

}

この情報がお役に立てば幸い：

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

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

Answer 6

私のために働いた何本でした