Question

我在其中一个页面上运行了一个外部脚本 -

<script type="text/javascript">var opt={id:829,cnt:3,bg:''};(function(){var script=document.createElement("script");script.type="text/javascript";script.async=true;script.src="https://kvr.ru/js/widget/api.js?id=829";document.getElementsByTagName("head")[0].appendChild(script);})();</script>

当我在页面中插入它时，我看到一个丑陋的垂直滚动条。

我已经通过firebug改变了一些css值，它有帮助，但我如何覆盖脚本获取的css？

我想在以下css中更改外部代码中的 font-size ：

p.info-widget, p.info-widget a{
color:#959595;
font-size:10px;
margin:0 1px 0 0;
text-align:right;

}

我尝试将p.info-widget插入到我的main.css中，并使用！important覆盖其字体大小，但它不起作用（

Answer 1

在该脚本的css之后添加或包含您的CSS，因为它会覆盖它。

例如，如果你的外部css有：

p.info-widget, p.info-widget a{
color:#959595;
font-size:10px;
margin:0 1px 0 0;
text-align:right;
}

您可以通过在其后面加上来覆盖该css。

p.info-widget, p.info-widget a{
color:#2e2e2e; // changed color
font-size:10px;
margin:0 1px 0 0;
text-align:right;
}

有没有办法改变外部脚本的CSS样式？

1 个答案: