突出显示文本CSS

Question

我想知道是否可以在JQuery中定义各种高亮类。我想要做的就是突出显示一些选中的选择器，其中橙色的选择器1以及选择器2以红色选择的其他标记。

这是我的CSS代码：

tag.highlight { background: orange; } //class toggled for tags selected by selector1 

tag.highlight_red { background: red; }//class toggled for tags selected by selector2 

tag.highlight工作，但tag.highlight_red犯规。任何想法？

感谢

Answer 1

也许我失去了你想要完成的任务。你想改变元素本身的背景颜色还是只是选择颜色？我想，定义选择。

如果它只是文本选择颜色试试这里提示：http://css-tricks.com/overriding-the-default-text-selection-color-with-css/

p.red::selection { 
    background: #ffb7b7; 
} 
p.red::-moz-selection { 
    background: #ffb7b7; 
} 
p.blue::selection { 
    background: #a8d1ff; 
} 
p.blue::-moz-selection { 
    background: #a8d1ff; 
} 
p.yellow::selection { 
    background: #fff2a8; 
} 
p.yellow::-moz-selection { 
    background: #fff2a8; 
} 

Answer 2

尝试：

tag.highlight { background-color: orange; } //class toggled for tags selected by selector1 

tag.highlight_red { background-color: red !important; }//class toggled for tags selected by selector2