텍스트 강조 표시 CSS

Question

JQuery에서 다양한 강조 표시 클래스를 정의 할 수 있는지 알고 싶습니다. 내가하고 싶은 일은 선택기 1을 주황색으로 선택한 일부 태그와 selector2로 선택한 다른 태그를 빨간색으로 강조 표시하는 것입니다.

이 내 CSS 코드 :하지만 tag.highlight_red 나던 작동 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