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

问题描述

| 我的网页包含一些外部javascript（准确地说是MET Office天气小部件），该JavaScript将一些HTML加载到页面中。 我尝试过使用jQuery更改窗口小部件的颜色，以在页面加载后更改特定位的CSS，但似乎无法正常工作。

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

有什么建议么？谢谢。     

解决方法

    $(\'#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 */