改变通过javascript加载的小部件颜色的方法

Question

我的网页包含一些外部JavaScript（准确地说是MET Office天气小部件），它会将一些HTML加载到页面中。

我尝试使用jQuery更改窗口小部件颜色，以便在页面加载后更改特定位的css，但它似乎不起作用。

<script type="text/javascript">
    $(document).ready(function(){
        $('div#location').css('color', 'red !important');
    });
</script>

有什么建议吗？感谢。

Answer 1

    $('#location').css({'color':'#f00'});

还要记住，如果你在div中设置了样式元素，它们可能会覆盖容器的样式。 一个更好的解决方案是创建css规则，只需应用JS加载内容的类

JS：

    $('#location').addClass('my-awesome-color-class');

CSS：

    .my-awesome-color-class,
    .my-awesome-color-class a, 
    .my-awesome-color-class p { color: #f00 !important } /* ans so on and so forth */