改变通过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 */