앵커 텍스트 대신 라벨 사용

Question

위젯에 대한 작업을 해왔으므로 조금 괴롭히는 작은 일을 제외하고는 거의 끝났습니다. 사용자가 웹 사이트에서 복사하여 붙여 넣을 위젯 스크립트는 다음과 같습니다.

<script src="http://www.example.com/widget.js"></script> 
<a href="#" class="my-chat" data-key="10"></a> 

그런 다음 widget.js에 나는이 같은 태그에 앵커 텍스트를 추가하는 라인.

$('.my-chat').html('Chat now'); 

내가 때 활성 또는 호버 등이 파란색 말에 앵커 텍스트는 특정 색상으로 원하는 나는, 그러나 그것은에 배치되는 웹 사이트에 따라, 자사의 CSS 파일에 설명 된 것을 가지고, 자신의 CSS는 다른 CSS를 가질 수있다 링크에 대한 속성을 추가하고 추가 된 웹 사이트에 따라 위젯의 앵커 텍스트가 수정된다는 사실을 알고 있습니다. 앵커 텍스트를 내가 위젯의 CSS에서 정의한 것을 존중하도록 만들고 싶지만 실제로 어떻게해야할지 모르겠다. 라벨을 사용하는 다른 위젯을 보았지만 실제로 무엇인지, 어떻게 사용하는지 이해하지 못합니다.

Answer 1

당신의 CSS를

a.my-chat{ color:blue !important;} 
    a.my-chat:hover{ color:red !important;}