Javascript 在mark.js中设置单词单独数组的样式?

Javascript 在mark.js中设置单词单独数组的样式?,javascript,jquery,css,Javascript,Jquery,Css,所以我有一个我正在使用的单词列表,一个是好的,一个是坏的,还有一个是中性的。我一直在使用mark.js突出显示好的列表,并使用.css方法将其设置为绿色。如果我突出显示坏列表和中性列表,它也会变成绿色。有没有办法可以把坏的涂成红色,好的涂成绿色,中性的涂成灰色 var instance = new Mark(document.querySelector("#postingbody")); instance.mark(positive, { accuracy: "exa

所以我有一个我正在使用的单词列表,一个是好的,一个是坏的,还有一个是中性的。我一直在使用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>

嘿,我是一些我想强调的文字
在mark()方法参数中,您可以指定CSS类名,如下代码所示:

instance.mark(positive, {
    accuracy: "exactly",
    separateWordSearch: false,
    className: "green"
});
您可以像这样创建CSS类:

.green {
  color: rgb(0, 255, 0);
  background: transparent;
}
在mark()方法参数中,您可以指定CSS类名,如下代码所示:

instance.mark(positive, {
    accuracy: "exactly",
    separateWordSearch: false,
    className: "green"
});
您可以像这样创建CSS类:

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

你能用html和css显示一些代码吗?MaciejWójcik Yep,刚刚添加了代码!谢谢你的帮助!你能用html和css显示一些代码吗?MaciejWójcik Yep,刚刚添加了代码!谢谢你的帮助!