Javascript 加载第三方脚本将完全覆盖“我的网站”的样式

当我加载页面检查礼品卡余额的剩余部分（来自第三方脚本）时，它会覆盖我网站上的样式。下面是我的代码示例：

<div id="main" class="main">
    <div id="giftcard-balance-container" class="giftcard-balance-container">
        <div id="chockstone-loading" class="chockstone-loading">
            <p>Loading...</p>
        </div>
        <script>
            var container = document.getElementById('giftcard-balance-container');
            while (container == null) {
                setTimeout(function () {
                    container = document.getElementById('giftcard-balance-container');
                }, 100);
            }

            var addListener = function (script, callback) {
                if (callback !== null) {
                    if (script.readyState) { // IE, in¡cl. IE9
                        script.onreadystatechange = function onReadyStateChange() {
                            if (script.readyState === 'loaded' || script.readyState === 'complete') {
                                script.onreadystatechange = null;
                                callback();
                            }
                        };
                    } else {
                        script.onload = function onLoad() { // Other browsers
                            callback();
                        };
                    }
                }
            };

            var scriptLoaded = function () {
                var loading = document.getElementById('chockstone-loading');
                loading.parentNode.removeChild(loading);
            };

            try {
                var script = document.createElement('script');
                script.src = 'SCRIPT_URL_REMOVED_FOR_SECURITY_REASONS';
                container.appendChild(script);
                addListener(script, scriptLoaded);
            } catch (e) {

            }
        </script>
    </div>
</div>

加载

var container=document.getElementById（'giftcard-balance-container'）；
while（容器==null）{
setTimeout（函数（）{
container=document.getElementById（'giftcard-balance-container'）；
}, 100);
}
var addListener=函数（脚本、回调）{
如果（回调！==null）{
if（script.readyState）{//IE，在-cl.IE9中
script.onreadystatechange=函数onreadystatechange（）{
如果（script.readyState=='loaded'| | script.readyState==='complete'）{
script.onreadystatechange=null；
回调（）；
}
};
}否则{
script.onload=函数onload（）{//其他浏览器
回调（）；
};
}
}
};
var scriptLoaded=函数（）{
var-load=document.getElementById（'chockstone-load'）；
加载.parentNode.removeChild（加载）；
};
试一试{
var script=document.createElement（'script'）；
script.src='script\u URL\u出于安全原因删除了\u'；
container.appendChild（脚本）；
addListener（脚本，脚本加载）；
}捕获（e）{
}

---

有没有办法使脚本不会覆盖我当前拥有的样式？

使用

！重要信息

以您的风格

范例

.your-class{
   color:#ffffff !important;
}

---

你能再解释一下你的风格是什么意思吗。你是说，你带来的脚本实际上为你的元素设置了新的CSS。他们是否使用相同的ID等？这似乎不太可能。