在mark.js中设计单独的单词数组？

Question

所以我有一个单词列表，其中一个是好列表，一个是坏列表，另一个是中性列表。我一直在用mark.js突出显示好的列表，并使用.css方法将其设置为绿色。如果我突出显示坏列表和中性列表，它也会变成绿色。有什么办法可以把坏的一个染成红色，好的一个绿色，和中性的灰色？

   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
});

代码在它突出显示的所有单词中都添加了一个，所以现在我用来突出显示的代码是：

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

我想强调的是：

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

Answer 1

在mark()方法参数中，可以指定CSS类名，如下所示：

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

您可以像这样创建CSS类：

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