CSS疑似要素をオーバーライドすることができません：前に

Question

パスワードのルールを指定し、すべてのリスト項目の前にアイコンを表示するために素晴らしいフォントを使用する順序付けされていないリスト項目が2つあります。ルールが満たすかどうそれは私が休閑コード

$("#limsg").addClass("myClass"); 

私は何をする必要がありますがありli:beforeを無効にするために、コード

li { 
     position: relative; 
     padding-left: 20px; 
     margin-bottom: 10px; 
    } 
    li:before { 
     position: absolute; 
     top: 0; 
     left: 0; 
     font-family: FontAwesome; 
     content: "\f056"; 
     color: dimgray; 
    } 

    .myClass{ 
     position: absolute; 
     top: 0; 
     left: 0; 
     font-family: FontAwesome !important; 
     content: "\f058" !important; 
     color: forestgreen; 
    } 

下記参照、私はフォント素晴らしいアイコンを変更する必要がある条件に基づいて、確認してくださいさまざまなフォントを得るためにやっている行方で素晴らしいアイコンイム？

Answer 1

あなたのコードが正しいですが、リチウムを上書きするには：前に、あなたは、MyClassのものが必要です

.myClass:before{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    font-family: FontAwesome !important; 
    content: "\f058" !important; 
    color: forestgreen; 
} 

はあなたが詳細についてはplunkrを確認することができます前に。 https://plnkr.co/S41mrN