フォントに驚くばかりのアイコンを追加する

Question

誰かが自分のクラスに特定のフォント素晴らしいアイコンを追加する方法を知っていますか？例えば

、私は、このアイコンを使用しています：

<i class="fa fa-home" aria-hidden="true"></i> 

をして追加しました：

.fa-home{ 
background: #ff0019; 
padding: 5.2px 6.5px 8.5px 6.5px; 
border-radius: 50%; 
} 
.fa-home:hover{ 

background: #333; 
} 
.fa-home:before { 
color:#FFFFFF; 
} 

しかし、私はそれなしで私のウェブサイトのさまざまな領域での.Fa-家を使用したいです特定のスタイル。

アイデア？

Answer 1

スタイルを付けるその特定のフォント素晴らしいアイコンにIDを追加します。

<i class="fa fa-home" id="edit" aria-hidden="true"></i> 

そしてだけでそのタグの中に含まれているこれらのアイコンを変更します。このIDを割り当てthis-

#edit.fa-home{ 
background: #ff0019; 
padding: 5.2px 6.5px 8.5px 6.5px; 
border-radius: 50%; 
} 
#edit.fa-home:hover{ 
background: #333; 
} 
#edit.fa-home:before { 
color:#FFFFFF; 
} 

のようにCSSを変更します。このスタイルはid "edit"のないアイコンには適用されません。