想要一次改变多个地方的颜色！

Question

我的问题是我的页面中有几个div。所有的标题都有相似的颜色。现在，如果我必须更改所有div的颜色(例如背景颜色)，我必须像更改很多div一样进行更改。难道不可以在一个地方(比如在一个变量中)更改或编写颜色代码，然后将该变量用作所有这些div的嵌入样式中的颜色值吗？类似javascript实体的东西。

Answer 1

您可以编写一些css和jquery来实现这一点

.color1
{
   color:red;
   background-color:green;
}

.color2
{
   color:blue;
   background-color:orange;
}

现在，在某些情况下，您可以更改类。例如，最初你有

<div class="header color1">SOME TEXT HERE</div>
<div class="header color1">another header</div>

您可以使用jquery或甚至使用javascript来更改此设置:)

$("#somebutton").live("click", function(){
    $(".header").removeClass('color1');
    $(".header").addClass('color2');

});

这将改变两个标题的颜色在点击按钮与id某按钮

Answer 2

如何在所有div上设置相同的类，并在其中设置所有常见颜色？这样，您只需更改该类的颜色即可。

Answer 3

我建议使用jQuery或其他javascript库来完成此任务。

为你想要修改div分配一个类，然后使用下面的代码(当给它们一个‘header-div’的类时)

$('.header-div').('background-color','#FF0000');

这将更改类为'header-div‘的所有元素