mark.js内の単語の別々の配列をスタイリングしますか？

Question

私は使用している単語のリストを持っています。一つは良いリスト、もう一つは悪いリスト、もう一つは中立リストです。私はmark.jsで良いリストを強調表示し、.cssメソッドで緑色にスタイリングしています。私が不良リストとニュートラルリストを強調表示すると、それも緑に変わります。私は悪い赤、良い緑、中性の灰色に色を付けることができる方法はありますか？

$('mark').css({'background':'transparent' , 'color':'red'}); 

そして、私は強調表示したいテキストだけで次のようになります：

var instance = new Mark(document.querySelector("#postingbody")); 
instance.mark(positive, { 
      accuracy: "exactly", 
      separateWordSearch: false 
}); 
var instance = new Mark(document.querySelector("#postingbody")); 
instance.mark(bad, { 
      accuracy: "exactly", 
      separateWordSearch: false 
}); 
    var instance = new Mark(document.querySelector("#postingbody")); 
instance.mark(neutral, { 
      accuracy: "exactly", 
      separateWordSearch: false 
}); 

コードは、私はそれを強調するために使用するコードがあるので、今、それがハイライトされたすべての単語に追加されますあなたのマーク（）メソッドのパラメータ内

<div id = "postingbody"> 
hey I'm some text I wanna highlight 
</div> 

Answer 1

あなたは以下のコードのようにCSSクラス名を指定することができます。

instance.mark(positive, { 
    accuracy: "exactly", 
    separateWordSearch: false, 
    className: "green" 
}); 

あなたはこのようなあなたのCSSクラスを作成することができます。

.green { 
    color: rgb(0, 255, 0); 
    background: transparent; 
}