突出顯示文本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