Javascript 使用标签而不是锚文本

所以我一直在做一个小部件，除了一件有点困扰我的小事情外，我已经差不多完成了。用户将复制并粘贴到其网站上的小部件脚本如下所示

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

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

我想锚文本是一个特定的颜色时，积极或悬停等说蓝色，我在其css文件中描述，但根据网站的位置，他们的css可能有其他css属性的链接，我意识到锚文本的小部件得到修改，视乎网站上添加。我想让锚文本尊重我在小部件的css中定义的内容，但我真的不知道怎么做。我看到了另一个使用标签的小部件，但我真的不知道它们是什么以及如何使用它们。

将此添加到css中

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

---

查看

！重要的

CSS修改器classes@DevlshOne完美的谢谢，伙计，成功了。你需要对我的聊天应用一个迷你重置。但是，你必须考虑到某人可能想用不同的方式来设计你的风格。“重要”使这一点更难做到，所以我只需要使用一个非常特定的规则，并为锚点和它周围的包装器提供一个特定的ID，以增加特定性。