Question

我正在使用其中一个SaaS进行铅查找。我贴上自己的代码，就像我贴在我的页面（例如）的顶部谷歌分析代码：

<script type="text/javascript"> 
    var _lfuid = 'xxxxxxxxxxxxx'; 

    (function (d) { 
     var w = d.createElement('script'); 
     w.type = 'text/javascript'; 
     w.asynch = true; 
     w.src = '//widget.website.come/widget/widget.js'; 
     var s = d.getElementsByTagName('script')[0]; 
     s.parentNode.insertBefore(w, s); 
    })(document); 
</script> 

但是，我从呼叫受理窗口小部件的位置，在CSS文件中，我得到的设置作为回应。所有类都有!important标记，因此我无法使用我在静态文件中定义的css类来覆盖它。

我的问题是：如何覆盖此ansych css？

Answer 1

你需要添加一个事件监听器到异步脚本的加载中，并且在将你的CSS附加到HEAD之后！重要规则。 例

var _lfuid = 'xxxxxxxxxxxxx'; 

(function (d) { 
    var w = d.createElement('script'); 
    w.type = 'text/javascript'; 
    w.asynch = true; 
    w.src = '//widget.website.come/widget/widget.js'; 
    w.addEventListener('load', function (e) { 
     /* We wait the load of the async script and after we use jQuery to append our CSS to the HEAD of the document. 
      p.s.: you need jQuery to use the dollar sing selector ($) */ 
     $('head').append('<style> #yourCSSgoHere { display: none !important; }</style>'); 
    }, false); 
    var s = d.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(w, s); 
})(document);