使用標籤代替錨文本

因此，我一直在研究一個小部件，而且我幾乎完成了一些小事情的例外，這些小事讓我有些煩惱。用戶將在其網站上覆制和粘貼的小部件腳本如下所示。使用標籤代替錨文本

<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中定義的內容，但我真的不知道如何。我看到了另一個使用標籤的小部件，但我並不真正瞭解它們是什麼以及如何使用它們。

來源

2013-07-10 Michael Nana

檢查出來的'！important'修改爲CSS類 – DevlshOne

@DevlshOne完美！謝謝你，這工作。 –

您需要將小型重置應用於a.my聊天。但是，你必須考慮到某人可能想要以不同的方式塑造你的形象，而重要的事情使得難以做到這一點，所以我只是使用一個非常具體的規則，並給出錨點，並可能爲它包裝一個特定的ID特異性增加。 – dandavis

添加到您的CSS

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

來源

2013-07-11 03:32:36

使用標籤代替錨文本

回答

相關問題