ハイライトテキストCSS

Question

JQueryでさまざまなハイライトクラスを定義できるかどうかを知りたいですか？私がしたいのは、セレクター1をオレンジ色で選択したタグとセレクター2で選択した他のタグを赤で強調表示することです。

これは私のCSSコードです：しかしtag.highlight_redのdoesntが働くtag.highlight

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

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

。何か案が？

おかげ

Answer 1

たぶん私はあなたが達成しようとしているもの欠けています。要素自体の背景色を変更しようとしていますか、それとも選択色だけを変更しようとしていますか？私は、Selectionを定義すると思います。

それだけでテキスト選択色だ場合は、ここでのヒントを試してみてください。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