在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

裏面你的商標（）方法的參數，你可以像下面的代碼指定一個CSS類名：

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

您可以創建CSS類是這樣的：

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